@extends('layouts.app')
@section('title', $sale->number)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
  <h5 class="fw-bold mb-0">{{ __('sales.invoice') }} {{ $sale->number }}
    @php $color = ['completed'=>'success','partial'=>'warning','unpaid'=>'danger','cancelled'=>'secondary'][$sale->status] ?? 'light'; @endphp
    <span class="badge text-bg-{{ $color }}">{{ __('sales.' . $sale->status) }}</span>
  </h5>
  <div>
    <a href="{{ route('sales.print', $sale) }}" target="_blank" class="btn btn-outline-secondary btn-sm"><i class="bi bi-printer"></i> A4</a>
    <a href="{{ route('sales.receipt', $sale) }}" target="_blank" class="btn btn-outline-secondary btn-sm"><i class="bi bi-receipt"></i> {{ __('sales.receipt') }}</a>
    @if($sale->status !== 'cancelled')
      <a href="{{ route('sales.return', $sale) }}" class="btn btn-outline-warning btn-sm"><i class="bi bi-arrow-return-left"></i> {{ __('sales.make_return') }}</a>
      <form method="POST" action="{{ route('sales.cancel', $sale) }}" class="d-inline" onsubmit="return confirm('{{ __('app.confirm_delete') }}')">@csrf
        <button class="btn btn-outline-danger btn-sm"><i class="bi bi-x-circle"></i> {{ __('sales.cancel_sale') }}</button>
      </form>
    @endif
  </div>
</div>

<div class="row g-3">
  <div class="col-lg-8">
    <div class="card"><div class="card-body">
      <div class="table-responsive">
      <table class="table table-sm align-middle">
        <thead><tr><th>{{ __('app.description') }}</th><th>{{ __('app.quantity') }}</th><th>{{ __('app.price') }}</th><th>{{ __('app.discount') }}</th><th>{{ __('app.total') }}</th></tr></thead>
        <tbody>
          @foreach($sale->items as $item)
          <tr>
            <td>{{ $item->description }}</td>
            <td>{{ $item->quantity }}</td>
            <td>{{ money($item->unit_price) }}</td>
            <td>{{ money($item->discount) }}</td>
            <td class="fw-semibold">{{ money($item->total) }}</td>
          </tr>
          @endforeach
        </tbody>
      </table>
      </div>
    </div></div>

    @if($sale->installments->count())
    <div class="card mt-3"><div class="card-body">
      <h6 class="fw-bold mb-2">{{ __('sales.installments') }}</h6>
      <div class="table-responsive">
      <table class="table table-sm align-middle">
        <thead><tr><th>#</th><th>{{ __('app.date') }}</th><th>{{ __('app.amount') }}</th><th>{{ __('app.status') }}</th></tr></thead>
        <tbody>
          @foreach($sale->installments as $inst)
          <tr>
            <td>{{ $loop->iteration }}</td>
            <td>{{ $inst->due_date->format('Y-m-d') }}</td>
            <td>{{ money($inst->amount) }}</td>
            <td><span class="badge text-bg-{{ $inst->is_paid ? 'success' : ($inst->due_date->isPast() ? 'danger' : 'warning') }}">{{ $inst->is_paid ? __('app.paid') : __('app.due') }}</span></td>
          </tr>
          @endforeach
        </tbody>
      </table>
      </div>
    </div></div>
    @endif
  </div>

  <div class="col-lg-4">
    <div class="card mb-3"><div class="card-body">
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('customers.customer') }}</span>
        <span class="fw-semibold">
          @if($sale->customer)<a href="{{ route('customers.show', $sale->customer) }}" class="text-decoration-none">{{ $sale->customer->name }}</a>@else {{ __('pos.walk_in') }} @endif
        </span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.date') }}</span><span>{{ $sale->date->format('Y-m-d') }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.branch') }}</span><span>{{ $sale->branch->name ?? '' }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.user') }}</span><span>{{ $sale->user->name ?? '' }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('sales.payment_method') }}</span><span>{{ __('sales.' . $sale->payment_method) }}</span></div>
      <hr class="my-2">
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.subtotal') }}</span><span>{{ money($sale->subtotal) }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.discount') }}</span><span>{{ money($sale->discount) }}</span></div>
      @if($sale->coupon_discount > 0)
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('sales.coupon') }}</span><span class="text-success">-{{ money($sale->coupon_discount) }}</span></div>
      @endif
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.tax') }}</span><span>{{ money($sale->tax) }}</span></div>
      <div class="d-flex justify-content-between py-1 border-top mt-1 pt-2"><span class="fw-bold">{{ __('app.total') }}</span><span class="fw-bold">{{ money($sale->total) }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="text-secondary">{{ __('app.paid') }}</span><span class="text-success">{{ money($sale->paid) }}</span></div>
      <div class="d-flex justify-content-between py-1"><span class="fw-bold">{{ __('app.due') }}</span><span class="fw-bold {{ $sale->due > 0 ? 'text-danger' : 'text-success' }}">{{ money($sale->due) }}</span></div>
    </div></div>

    @if($sale->due > 0 && $sale->status !== 'cancelled')
    <div class="card"><div class="card-body">
      <h6 class="fw-bold mb-2">{{ __('sales.add_payment') }}</h6>
      <form method="POST" action="{{ route('sales.payments.store', $sale) }}" class="row g-2">@csrf
        <div class="col-6"><input type="number" step="0.01" min="0.01" max="{{ $sale->due }}" name="amount" value="{{ $sale->due }}" class="form-control form-control-sm" required></div>
        <div class="col-6">
          <select name="treasury_account_id" class="form-select form-select-sm" required>
            @foreach($accounts as $account)<option value="{{ $account->id }}">{{ $account->name }}</option>@endforeach
          </select></div>
        <div class="col-12"><button class="btn btn-primary btn-sm w-100">{{ __('app.save') }}</button></div>
      </form>
    </div></div>
    @endif
  </div>
</div>
@endsection