@extends('admin.layouts.master')
@section('title', 'FA Invoices')
@section('content')
    <section class="content">
        <div class="container-fluid">

            <div class="row">
                <div class="col-lg-12">
                    <form id="searchForm" method="GET" action="{{ route('admin.report.fa') }}">
                        <div class="mt-2 card card-primary card-outline">
                            <div class="card-header">
                                <h3 class="card-title">{{ __('Search Invoice') }}</h3>
                                <div class="card-tools">
                                    <button type="submit" class="btn btn-success btn-sm" id="searchBtn">
                                        <i class="bi bi-search"></i> Search
                                    </button>
                                </div>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                <div class="col-lg-12">
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <label for="dateRange" class="form-label">Select Date Range</label>
                                            <div class="input-group">
                                                <button type="button" id="daterange-btn" class="btn btn-sm form-control"
                                                    style="border: solid rgb(145, 145, 145) 1px;">
                                                    <i class="far fa-calendar-alt"></i>
                                                    <span>
                                                        @if (request('start_date') && request('end_date'))
                                                            {{ request('start_date') }} - {{ request('end_date') }}
                                                        @else
                                                            Select Date Range
                                                        @endif
                                                    </span>
                                                    <i class="fas fa-caret-down"></i>
                                                </button>
                                            </div>
                                            <input type="hidden" id="start_date" name="start_date"
                                                value="{{ request('start_date') }}">
                                            <input type="hidden" id="end_date" name="end_date"
                                                value="{{ request('end_date') }}">
                                        </div>

                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <label for="invoice_status" class="form-label">Invoice Status</label>
                                                <select class="form-control form-control-sm" name="invoice_status"
                                                    id="invoice_status">
                                                    <option value="">Select Invoice Status</option>
                                                    <option value="draft"
                                                        {{ request('invoice_status') == 'draft' ? 'selected' : '' }}>Draft
                                                    </option>
                                                    <option value="performa"
                                                        {{ request('invoice_status') == 'performa' ? 'selected' : '' }}>
                                                        Performa</option>
                                                    <option value="invoiced"
                                                        {{ request('invoice_status') == 'invoiced' ? 'selected' : '' }}>
                                                        Invoiced</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <label for="payment_status" class="form-label">Payment Status</label>
                                                <select class="form-control form-control-sm" name="payment_status"
                                                    id="payment_status">
                                                    <option value="">Select Payment Status</option>
                                                    <option value="pending"
                                                        {{ request('payment_status') == 'pending' ? 'selected' : '' }}>
                                                        Pending</option>
                                                    <option value="credit"
                                                        {{ request('payment_status') == 'credit' ? 'selected' : '' }}>
                                                        Credit
                                                    </option>
                                                    <option value="paid"
                                                        {{ request('payment_status') == 'paid' ? 'selected' : '' }}>Paid
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>
                    </form>
                </div>
                <div class="card card-outline card-primary">
                    <div class="card-header">
                        <h5 class="card-title mb-0">FA Invoices</h5>
                    </div>
                    <div class="card-body">
                        <table class="table table-striped datatable  table-sm">
                            <thead>
                                <tr>
                                    <th style="width: 10%;">{{ __('Date') }}</th>
                                    <th style="width: 20%;">{{ __('User') }}</th>
                                    <th style="width: 10%;">{{ __('Company') }}</th>
                                    <th style="width: 10%;">{{ __('INV Name') }}</th>
                                    <th style="width: 10%;">{{ __('INV No') }}</th>
                                    <th style="width: 10%;">{{ __('Total') }}</th>
                                    <th style="width: 10%;">{{ __('Delivery') }}</th>
                                    <th style="width: 10%;">{{ __('Invoice') }}</th>
                                    <th style="width: 10%;">{{ __('Payment') }}</th>
                                    <th style="width: 10%;">{{ __('Actions') }}</th>
                                </tr>
                            </thead>
                            <tbody id="tbody">

                                @foreach ($invoices as $invoice)
                                    <tr>
                                        <td>{{ \Carbon\Carbon::parse($invoice->created_at)->format('d-m-Y') }}</td>
                                        <td>{{ $invoice->order->user->name ?? null }}</td>
                                        <td>
                                            {{ $invoice->order->user->company ?? null }}
                                        </td>
                                        <td>
                                            {{ $invoice->invoice_name ?? null }}
                                        </td>
                                        <td>
                                            {{ $invoice->invoice_no ?? null }}
                                        </td>
                                        <td>{{ $invoice->order->grand_total ?? null }}
                                        </td>

                                        <td>
                                            <span
                                                class="badge 
                                                    @if (optional($invoice->order)->delivery_status == 'pending') bg-warning 
                                                    @elseif(in_array(optional($invoice->order)->delivery_status, ['packing', 'packed'])) bg-primary 
                                                    @elseif(in_array(optional($invoice->order)->delivery_status, ['received', 'shipped', 'dispatched'])) bg-success 
                                                    @else bg-secondary @endif">
                                                {{ ucfirst(optional($invoice->order)->delivery_status ?? 'N/A') }}
                                            </span>
                                        </td>

                                        <td>
                                            <span
                                                class="badge 
                                                    @if (optional($invoice->order)->invoice_status == 'draft') bg-info 
                                                    @elseif(optional($invoice->order)->invoice_status == 'performa') bg-primary 
                                                    @else bg-success @endif">
                                                {{ ucfirst(optional($invoice->order)->invoice_status ?? 'N/A') }}
                                            </span>
                                        </td>

                                        <td>
                                            <span
                                                class="badge 
                                                    @if (optional($invoice->order)->payment_status == 'pending') bg-warning 
                                                    @elseif(optional($invoice->order)->payment_status == 'credit') bg-info 
                                                    @else bg-success @endif">
                                                {{ ucfirst(optional($invoice->order)->payment_status ?? 'N/A') }}
                                            </span>
                                        </td>


                                        <td>
                                            <a href="{{ isset($invoice->order) ? route('admin.invoice.create', $invoice->order->id) : '#' }}"
                                                class="btn btn-outline-primary btn-sm {{ isset($invoice->order) ? '' : 'disabled' }}">
                                                <i class="bi bi-pencil"></i>
                                            </a>

                                            <a href="#" class="btn btn-outline-warning btn-sm"><i
                                                    class="bi bi-eye-fill"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="loader text-center" id="loader" style="display: none">
                            <div class="spinner-border" role="status">
                                <span class="visually-hidden"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        </div>
    </section>
@endsection