@extends('layouts.app')
@section('title', $invoice->invoice_number)
@section('content')
<div class="page-head">
    <div>
        <h1>{{ $invoice->invoice_number }} <span class="badge text-bg-secondary">{{ $invoice->status->label() }}</span></h1>
        <div class="text-muted">{{ $invoice->customer?->name }} — {{ $invoice->line?->phone_number }}</div>
    </div>
    @include('invoices.partials.actions')
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">{{ __('messages.items') }}</div>
            <table class="table compact-table mb-0">
                <tbody>
                @foreach($invoice->items as $item)
                    <tr>
                        <td>{{ $item->description }}</td>
                        <td class="text-end">{{ money($item->unit_price) }}</td>
                        <td class="text-end">{{ money($item->total) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        @if($invoice->notes)
            <div class="card card-body mt-3"><strong>{{ __('messages.notes') }}:</strong> {{ $invoice->notes }}</div>
        @endif
    </div>
    <div class="col-lg-4">
        <div class="card card-body">
            <div class="d-flex justify-content-between"><span>{{ __('messages.total') }}</span><strong>{{ money($invoice->total) }}</strong></div>
            <div class="d-flex justify-content-between mt-2"><span>{{ __('messages.paid') }}</span>{{ money($invoice->paid) }}</div>
            <div class="d-flex justify-content-between mt-2"><span>{{ __('messages.remaining') }}</span>{{ money($invoice->remaining) }}</div>
            <div class="d-flex justify-content-between mt-2"><span>{{ __('messages.date') }}</span>{{ $invoice->date?->toDateString() }}</div>
            <div class="d-flex justify-content-between mt-2"><span>{{ __('messages.user') }}</span>{{ $invoice->user?->name }}</div>
        </div>
        @if($invoice->status->isOpen())
            @can('invoices.cancel')
            <form method="post" action="{{ route('invoices.cancel',$invoice) }}" class="card card-body mt-3">@csrf
                <input class="form-control mb-2" name="reason" required placeholder="{{ __('messages.reason') }}">
                <button class="btn btn-outline-danger">{{ __('messages.cancel') }}</button>
            </form>
            @endcan
            @can('payments.create')
            <form method="post" action="{{ route('payments.store') }}" class="card card-body mt-3">@csrf
                <input type="hidden" name="invoice_id" value="{{ $invoice->id }}">
                <label class="form-label">{{ __('messages.collect') }}</label>
                <input class="form-control mb-2" name="amount" value="{{ $invoice->remaining }}" required>
                <select class="form-select mb-2" name="payment_method">
                    @foreach(['cash','visa','bank','wallet','other'] as $m)
                        <option value="{{ $m }}">{{ __('status.method_'.$m) }}</option>
                    @endforeach
                </select>
                <button class="btn btn-success">{{ __('messages.collect') }}</button>
            </form>
            @endcan
        @endif
    </div>
</div>
@endsection