@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="d-flex align-items-center justify-content-between px-3 pt-3">
                <h4 class="mb-0">Returns</h4>
                <div style="display:flex; gap:8px;">
                    <a href="{{ route('pos.returns.lookup') }}" class="btn btn-sm btn-primary">Add Return</a>
                    <a href="{{ route('pos.invoices.index') }}" class="btn btn-sm btn-dark">Back to Sales</a>
                </div>
            </div>

            <div class="px-3 mt-3">
                <form method="get" action="{{ route('pos.returns.index') }}" class="form-row" style="gap:10px; align-items:flex-end;">
                    <div class="col-12 col-md-2">
                        <label style="font-size:12px; font-weight:700;">Store</label>
                        <select name="ld_id" class="form-control form-control-sm" required>
                            <option value="all" {{ !Auth::user()->hasPermission('view_all_location') ? 'disabled' : '' }}>All Store</option>
                            @foreach(\App\Models\Location::orderBy('name')->get() as $loc)
                                <option value="{{ $loc->id }}"
                                    {{ !Auth::user()->hasPermission('view_all_location') && session('current_location_id') != $loc->id ? 'disabled' : '' }}
                                    {{ old('ld_id', $filters['ld_id']) == $loc->id ? 'selected' : '' }}>
                                    {{ $loc->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 col-md-2">
                        <label style="font-size:12px; font-weight:700;">From</label>
                        <input type="date" name="from_date" value="{{ $filters['from_date'] }}" class="form-control form-control-sm">
                    </div>

                    <div class="col-12 col-md-2">
                        <label style="font-size:12px; font-weight:700;">To</label>
                        <input type="date" name="to_date" value="{{ $filters['to_date'] }}" class="form-control form-control-sm">
                    </div>

                    <div class="col-12 col-md-2">
                        <label style="font-size:12px; font-weight:700;">Invoice</label>
                        <input type="text" name="invoice_search" value="{{ $filters['invoice_search'] }}" class="form-control form-control-sm" placeholder="Invoice number">
                    </div>

                    <div class="col-12 col-md-3">
                        <label style="font-size:12px; font-weight:700;">Customer</label>
                        <input type="text" name="customer_search" value="{{ $filters['customer_search'] }}" class="form-control form-control-sm" placeholder="Name / mobile / pin">
                    </div>

                    <div class="col-12 col-md-1">
                        <button class="btn btn-sm btn-primary btn-block" type="submit">Filter</button>
                    </div>
                </form>
            </div>

            <div class="table-responsive px-3 mt-3">
                <table class="table table-sm table-bordered" style="width:100%; font-size:14px;">
                    <thead class="thead-light">
                        <tr>
                            <th>#</th>
                            <th>Invoice</th>
                            <th>Store</th>
                            <th>Customer</th>
                            <th>Return Date</th>
                            <th class="text-right">Return Amount</th>
                            <th class="text-right">Lines</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($returns as $i => $row)
                            <tr>
                                <td>{{ $returns->firstItem() + $i }}</td>
                                <td>
                                    <div style="font-weight:800;">{{ $row->invoice_number }}</div>
                                    <div class="text-muted" style="font-size:12px;">Sale: {{ $row->posted_at ? \Carbon\Carbon::parse($row->posted_at)->format('Y-m-d') : '-' }}</div>
                                </td>
                                <td>{{ $row->location_name ?? 'N/A' }}</td>
                                <td style="text-transform: capitalize;">
                                    {{ $row->customer_name ?? 'Walk-in Customer' }}
                                    @if(!empty($row->customer_pin))
                                        <div class="text-muted" style="font-size:12px;">PIN: {{ $row->customer_pin }}</div>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge badge-success">{{ $row->last_return_at ? \Carbon\Carbon::parse($row->last_return_at)->format('Y-m-d h:i A') : '-' }}</span>
                                </td>
                                <td class="text-right">{{ number_format((float)($row->return_total ?? 0), 2) }}</td>
                                <td class="text-right">{{ (int)($row->return_lines ?? 0) }}</td>
                                <td style="white-space:nowrap;">
                                    <a href="{{ route('pos.invoices.returns.form', $row->id) }}" target="_blank" class="btn btn-sm btn-outline-primary">Open</a>
                                    <a href="{{ route('pos.invoices.returns.print', $row->id) }}" target="return_print" class="btn btn-sm btn-dark">Print</a>
                                    <a href="{{ route('pos.invoices.show', $row->id) }}" target="_blank" class="btn btn-sm btn-outline-secondary">View</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="px-3 pb-3">
                {{ $returns->links() }}
            </div>
        </div>
    </div>
</div>

<iframe name="return_print" style="display:none;"></iframe>
@endsection