@extends('layouts.admin-simple')

@section('title', 'Easy Out — Dispatches')

@section('breadcrumb')
    <li class="breadcrumb-item">Warehouse</li>
    <li class="breadcrumb-item">Outgoing</li>
    <li class="breadcrumb-item active">Easy Out</li>
@endsection

@section('page-title')
    <div class="d-flex justify-content-between align-items-center w-100">
        <div class="page-title-left">
            <h3 class="mb-1">Easy Out — Dispatches</h3>
            <p class="text-muted mb-0" style="font-size: 13px;">Quick dispatch records to projects without material request flow</p>
        </div>
        <div class="page-actions-right">
            <a href="{{ route('warehouse.easy-out.create') }}" class="btn btn-sm btn-success">
                <i class="material-icons mr-1" style="font-size: 16px;">add</i> New Dispatch
            </a>
        </div>
    </div>
@endsection

@section('content')
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}
            <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
        </div>
    @endif

    {{-- Filter --}}
    <div class="card mb-3">
        <div class="card-body py-2">
            <form method="GET" class="form-inline flex-wrap" style="gap: 8px;">
                <input type="text" name="search" class="form-control form-control-sm" placeholder="Search item, ref, bill, MR..." value="{{ request('search') }}" style="min-width: 220px;">
                <select name="project_id" class="form-control form-control-sm" style="min-width: 200px;">
                    <option value="">All Projects</option>
                    @foreach($projects as $p)
                        <option value="{{ $p->id }}" {{ request('project_id') == $p->id ? 'selected' : '' }}>
                            {{ $p->project_number }} - {{ $p->project_name }}
                        </option>
                    @endforeach
                </select>
                <input type="date" name="date_from" class="form-control form-control-sm" value="{{ request('date_from') }}">
                <span class="text-muted">to</span>
                <input type="date" name="date_to" class="form-control form-control-sm" value="{{ request('date_to') }}">
                <button type="submit" class="btn btn-sm btn-primary">Filter</button>
                @if(request()->hasAny(['search','project_id','date_from','date_to']))
                    <a href="{{ route('warehouse.easy-out.index') }}" class="btn btn-sm btn-outline-secondary">Clear</a>
                @endif
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h6 class="mb-0"><i class="material-icons mr-2 align-middle" style="font-size: 18px;">output</i>Dispatch Records</h6>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>Ref #</th>
                            <th>Date</th>
                            <th>Bill #</th>
                            <th>MR No.</th>
                            <th>Item Description</th>
                            <th>Unit</th>
                            <th class="text-right">Qty</th>
                            <th>Project</th>
                            <th>Division</th>
                            <th>Received By</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($dispatches as $dispatch)
                        <tr>
                            <td><a href="{{ route('warehouse.easy-out.show', $dispatch) }}">{{ $dispatch->reference_number }}</a></td>
                            <td>{{ $dispatch->dispatch_date->format('d M Y') }}</td>
                            <td>{{ $dispatch->bill_number ?? '-' }}</td>
                            <td>{{ $dispatch->mr_no ?? '-' }}</td>
                            <td>{{ $dispatch->item_description }}</td>
                            <td>{{ $dispatch->unit }}</td>
                            <td class="text-right">{{ number_format($dispatch->quantity, 2) }}</td>
                            <td>
                                <small class="text-muted">{{ $dispatch->project?->project_number }}</small><br>
                                {{ $dispatch->project?->project_name ?? '-' }}
                            </td>
                            <td>{{ $dispatch->division?->division_name ?? '-' }}</td>
                            <td>{{ $dispatch->received_by ?? '-' }}</td>
                            <td class="text-right" style="white-space: nowrap;">
                                <span class="d-inline-flex align-items-center" style="gap: 4px;">
                                    <a href="{{ route('warehouse.easy-out.issue-note', $dispatch) }}" target="_blank" class="btn btn-xs btn-outline-info" title="Print Material Issue Note">
                                        <i class="material-icons" style="font-size: 14px;">print</i>
                                    </a>
                                    <a href="{{ route('warehouse.easy-out.show', $dispatch) }}" class="btn btn-xs btn-outline-primary" title="View Easy Out">
                                        <i class="material-icons" style="font-size: 14px;">visibility</i>
                                    </a>
                                </span>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="11" class="text-center text-muted py-4">No dispatch records found.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($dispatches->hasPages())
        <div class="card-footer">
            {{ $dispatches->links() }}
        </div>
        @endif
    </div>
@endsection