{{-- resources/views/purchase/bills/index.blade.php --}}
@extends('master.app')
@section('title', 'Supplier Invoices')

@section('body')
    <main class="app-content">
        <section class="gradient-custom-2">
            <div class="card mask-custom shadow-sm" style="border-radius:18px;">
                <div class="card-body p-4">

                    {{-- Header --}}
                    <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
                        <div>
                            <h5 class="mb-0 fw-bold">
                                <i class="fa fa-file-text-o me-1 text-primary"></i> Supplier Invoices
                            </h5>
                            <small class="text-muted">
                                Total: <strong>{{ $bills->total() }}</strong>
                                @if (request()->filled('q') ||
                                        request()->filled('supplier_id') ||
                                        request()->filled('bill_type') ||
                                        request()->filled('date_from') ||
                                        request()->filled('date_to'))
                                    <span class="ms-2 badge bg-info">Filtered</span>
                                @endif
                            </small>
                        </div>

                        <div class="d-flex flex-wrap gap-2">
                            <button type="button" class="btn btn-outline-primary btn-sm btn-rounded"
                                data-mdb-toggle="collapse" data-mdb-target="#filterBox" aria-expanded="false">
                                <i class="fa fa-filter me-1"></i> Filter
                            </button>

                            {{-- <a href="{{ route('msupplier_bill.report_show') }}"
                                class="btn btn-outline-secondary btn-sm btn-rounded">
                                <i class="fa fa-bar-chart me-1"></i> Report
                            </a> --}}

                            <a href="{{ route('msupplier_bill.create') }}" class="btn btn-primary btn-sm btn-rounded">
                                <i class="fa fa-plus me-1"></i> Add Invoice
                            </a>
                        </div>
                    </div>

                    {{-- Filter Box (inline, no modal) --}}
                    <div class="collapse @if (request()->filled('q') ||
                            request()->filled('supplier_id') ||
                            request()->filled('bill_type') ||
                            request()->filled('date_from') ||
                            request()->filled('date_to')) show @endif" id="filterBox">
                        <div class="card border-0 shadow-sm mb-3" style="border-radius:14px;">
                            <div class="card-body">
                                <form method="GET" action="{{ route('msupplier_bill.index') }}">
                                    <div class="row g-3 align-items-end">

                                        <div class="col-md-3">
                                            <label class="form-label">Search</label>
                                            <div class="input-group">
                                                <span class="input-group-text"><i class="fa fa-search"></i></span>
                                                <input type="text" name="q" class="form-control"
                                                    value="{{ request('q') }}" placeholder="Invoice#, Title...">
                                            </div>
                                        </div>

                                        <div class="col-md-3">
                                            <label class="form-label">Supplier</label>
                                            <select name="supplier_id" class="form-select select2">
                                                <option value="">All Suppliers</option>
                                                @foreach ($supplier as $s)
                                                    <option value="{{ $s->id }}"
                                                        {{ (string) request('supplier_id') === (string) $s->id ? 'selected' : '' }}>
                                                        {{ $s->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <label class="form-label">Invoice Type</label>
                                            <select name="bill_type" class="form-select">
                                                <option value="">All</option>
                                                <option value="1" {{ request('bill_type') == '1' ? 'selected' : '' }}>Raw
                                                    Materials</option>
                                                <option value="2" {{ request('bill_type') == '2' ? 'selected' : '' }}>
                                                    Finished Goods</option>
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <label class="form-label">From</label>
                                            <input type="date" name="date_from" class="form-control"
                                                value="{{ request('date_from') }}">
                                        </div>

                                        <div class="col-md-2">
                                            <label class="form-label">To</label>
                                            <input type="date" name="date_to" class="form-control"
                                                value="{{ request('date_to') }}">
                                        </div>

                                        <div class="col-md-12 d-flex flex-wrap gap-2 justify-content-end">
                                            <a href="{{ route('msupplier_bill.index') }}"
                                                class="btn btn-light border btn-sm btn-rounded">
                                                <i class="fa fa-times me-1"></i> Reset
                                            </a>
                                            <button type="submit" class="btn btn-primary btn-sm btn-rounded">
                                                <i class="fa fa-check me-1"></i> Apply
                                            </button>
                                        </div>

                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    {{-- Table --}}
                    <div class="table-responsive">
                        <table class="table table-striped align-middle">
                            <thead class="bg-light">
                                <tr>
                                    <th style="width:120px;">Invoice #</th>
                                    <th style="width:140px;">Type</th>
                                    <th>Title</th>
                                    <th style="width:220px;">Supplier</th>
                                    <th style="width:140px;" class="text-end">Total</th>
                                    <th style="width:140px;">Date</th>
                                    <th style="width:140px;" class="text-end">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($bills as $row)
                                    <tr>
                                        <td class="fw-bold">{{ $row->invoice_number }}</td>

                                        <td>
                                            @if ($row->type_id == 1 || $row->type_id == null)
                                                <span class="badge bg-primary">Raw Materials</span>
                                            @else
                                                <span class="badge bg-success">Finished Goods</span>
                                            @endif
                                        </td>

                                        <td>
                                            <div class="fw-bold">{{ $row->title }}</div>
                                            <small class="text-muted">ID: {{ $row->id }}</small>
                                        </td>

                                        <td>
                                            <i class="fa fa-truck text-muted me-1"></i>
                                            {{ $row->supplier->name ?? '-' }}
                                        </td>

                                        <td class="text-end fw-bold">
                                            {{ number_format((float) $row->grand_total, 2) }}
                                        </td>

                                        <td>
                                            <i class="fa fa-calendar text-muted me-1"></i>
                                            {{ $row->invoice_date }}
                                        </td>

                                        <td class="text-end">
                                            <div class="btn-group btn-group-sm" role="group">
                                                <a href="{{ route('msupplier_bill.show', $row->id) }}"
                                                    class="btn btn-light border" data-mdb-toggle="tooltip" title="View">
                                                    <i class="fa fa-eye"></i>
                                                </a>

                                                <a href="{{ route('msupplier_bill.edit', $row->id) }}"
                                                    class="btn btn-light border" data-mdb-toggle="tooltip"
                                                    title="Edit">
                                                    <i class="fa fa-pencil"></i>
                                                </a>

                                                <form id="delMsupplier{{ $row->id }}"
                                                    action="{{ route('msupplier_bill.destroy', $row->id) }}"
                                                    method="POST" style="display:none;">
                                                    @csrf
                                                    @method('DELETE')
                                                </form>

                                                <a href="#" class="btn btn-light border" data-mdb-toggle="tooltip"
                                                    title="Delete"
                                                    onclick="if(confirm('Are you sure? This will affect Stock, Invoice and Payments.')){ document.getElementById('delMsupplier{{ $row->id }}').submit(); } return false;">
                                                    <i class="fa fa-trash text-danger"></i>
                                                </a>

                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted py-4">
                                            <i class="fa fa-info-circle me-1"></i> No invoices found.
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    {{-- Pagination --}}
                    <div class="d-flex justify-content-end mt-2">
                        {{ $bills->appends(request()->query())->links('pagination::bootstrap-4') }}
                    </div>

                </div>
            </div>
        </section>
    </main>
@endsection

@section('pageJs')
    <script>
        // Menu active (keep yours)
        $(".app-menu").removeClass("active");
        $("#nav_purchase1").addClass("active");
        $("#purchasei").addClass("is-expanded");
        $("#purchase_invoices").addClass("active");
    </script>
@endsection