@extends('garage.layouts.app')

@section('title', 'Sale returns')

@push('styles')
@include('shared.garage-purchase-order-ui-styles')
<style>
.gpo-actions { display: flex; flex-wrap: wrap; gap: 0.25rem; justify-content: flex-end; }
</style>
@endpush

@section('content')
<div class="gpo-page container-fluid px-2 px-lg-3 py-2">
    <div class="gpo-hero mb-3 d-flex flex-wrap justify-content-between align-items-start gap-2">
        <div>
            <h1 class="mb-1"><i class="bi bi-arrow-return-left me-2 text-danger"></i>Sale returns</h1>
            <p class="mb-0 text-muted small">Return parts to customers against received sales — stock is restored when you post a return.</p>
        </div>
        <div class="d-flex gap-2">
            @include('garage.partials.trash-link', ['trashType' => 'sale-returns'])
            <a href="{{ route('garage.sale-returns.create') }}" class="btn btn-danger btn-sm"><i class="bi bi-plus-lg me-1"></i>New return</a>
        </div>
    </div>

    @if(session('success'))<div class="alert alert-success py-2 small">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger py-2 small">{{ session('error') }}</div>@endif

    <div class="bg-white border rounded-3 p-3 mb-3">
        <form method="GET" class="d-flex flex-wrap gap-2 align-items-center">
            <input type="date" name="from_date" class="form-control form-control-sm" value="{{ $fromDate }}" style="width:auto;">
            <input type="date" name="to_date" class="form-control form-control-sm" value="{{ $toDate }}" style="width:auto;">
            <input type="text" name="search" class="form-control form-control-sm" placeholder="Return #, invoice #, customer…" value="{{ $search }}" style="min-width:14rem;">
            <button type="submit" class="btn btn-sm btn-outline-secondary">Filter</button>
        </form>
    </div>

    <div class="border rounded-3 overflow-hidden bg-white">
        <div class="table-responsive">
            <table class="table table-sm mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Return #</th>
                        <th>Date</th>
                        <th>Sale</th>
                        <th>Customer</th>
                        <th class="text-end">Amount</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($returns as $row)
                    <tr>
                        <td class="font-monospace fw-semibold">{{ $row->return_number }}</td>
                        <td class="text-muted">{{ \Carbon\Carbon::parse($row->return_date)->format('M d, Y') }}</td>
                        <td>{{ $row->sale_number }}</td>
                        <td>{{ $row->customer_name ?? '—' }}</td>
                        <td class="text-end text-danger">-{{ number_format($row->total_amount, 2) }}</td>
                        <td class="text-end">
                            <div class="gpo-actions">
                                <a href="{{ route('garage.sale-returns.show', $row->id) }}" class="btn btn-sm btn-outline-primary">View</a>
                                <a href="{{ route('garage.sale-returns.vouchers', $row->id) }}" class="btn btn-sm btn-outline-secondary">Voucher</a>
                                <a href="{{ route('garage.sale-returns.edit', $row->id) }}" class="btn btn-sm btn-outline-secondary">Edit</a>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center text-muted py-4">No Sale returns yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($returns->hasPages())<div class="p-2 border-top">{{ $returns->links() }}</div>@endif
    </div>
</div>
@endsection