@extends('admin.layout.app')

@section('body')
    <div class="container">

        <div class="d-flex justify-content-between align-items-center mb-3">
            <h4 class="mb-0"><i class="fas fa-gas-pump me-2"></i>Machinery Fuel Expenses</h4>
            <div class="d-flex gap-2">
                <button class="btn btn-outline-dark" onclick="window.print()" data-mdb-ripple="true">
                    <i class="fas fa-print me-2"></i>Print
                </button>
                <a href="{{ route('machinery-fuel-expenses.create') }}" class="btn btn-primary" data-mdb-ripple="true">
                    <i class="fas fa-plus me-2"></i>New Fuel Expense
                </a>
            </div>
        </div>

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

        <div class="card shadow-sm mb-3">
            <div class="card-body">
                <form class="row gy-2 gx-2 align-items-end" method="GET" action="{{ route('machinery-fuel-expenses.index') }}">
                    <div class="col-md-3">
                        <label class="form-label mb-0">Search</label>
                        <input type="text" class="form-control" name="q" value="{{ $q }}" placeholder="Vendor, notes, meter...">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label mb-0">Machinery</label>
                        <select name="machinery_id" class="form-select">
                            <option value="">All</option>
                            @foreach ($machineries as $m)
                                <option value="{{ $m->id }}" @selected($machine == $m->id)>{{ $m->name ?? '#' . $m->id }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label mb-0">From</label>
                        <input type="date" class="form-control" name="from" value="{{ $from }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label mb-0">To</label>
                        <input type="date" class="form-control" name="to" value="{{ $to }}">
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-outline-secondary w-100"><i class="fas fa-search"></i></button>
                    </div>
                </form>
            </div>
        </div>

        {{-- Reporting --}}
        <div class="row g-3 mb-3">
            <div class="col-md-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-body d-flex justify-content-between">
                        <div>
                            <div class="text-muted small">Total Liters</div>
                            <div class="fs-5 fw-semibold">{{ number_format((float) $totalLiters, 2) }}</div>
                        </div>
                        <i class="fas fa-tachometer-alt fa-lg text-primary"></i>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-body d-flex justify-content-between">
                        <div>
                            <div class="text-muted small">Total Amount</div>
                            <div class="fs-5 fw-semibold">{{ number_format((float) $totalAmount, 2) }}</div>
                        </div>
                        <i class="fas fa-coins fa-lg text-success"></i>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-body d-flex justify-content-between">
                        <div>
                            <div class="text-muted small">Avg Price / Liter</div>
                            <div class="fs-5 fw-semibold">{{ number_format((float) $avgPrice, 2) }}</div>
                        </div>
                        <i class="fas fa-percentage fa-lg text-info"></i>
                    </div>
                </div>
            </div>
        </div>

        {{-- Table --}}
        <div class="card shadow-sm">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>Date</th>
                            <th>Machinery</th>
                            <th class="text-end">Liters</th>
                            <th class="text-end">Unit Price</th>
                            <th class="text-end">Total</th>
                            <th>Vendor</th>
                            <th>Attachments</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($expenses as $i => $e)
                            @php
                                $files = is_array($e->attachments) ? $e->attachments : (json_decode($e->attachments ?? '[]', true) ?: []);
                            @endphp
                            <tr>
                                <td>{{ $expenses->firstItem() + $i }}</td>
                                <td>{{ optional($e->spent_at)->format('Y-m-d') ?? '—' }}</td>
                                <td>{{ optional($e->machinery)->name ?? '#' . $e->machinery_id }}</td>
                                <td class="text-end">{{ number_format((float) $e->quantity_liters, 2) }}</td>
                                <td class="text-end">{{ number_format((float) $e->unit_price, 2) }}</td>
                                <td class="text-end">{{ number_format((float) $e->total_amount, 2) }}</td>
                                <td>{{ $e->vendor ?? '—' }}</td>
                                <td>
                                    @forelse($files as $path)
                                        @php
                                            $url = asset('storage/' . $path);
                                            $ext = strtolower(pathinfo($path, PATHINFO_EXTENSION));
                                            $isImg = in_array($ext, ['png','jpg','jpeg','gif','webp']);
                                            $isPdf = $ext === 'pdf';
                                        @endphp
                                        @if ($isImg)
                                            <a href="{{ $url }}" target="_blank" class="badge bg-light text-dark border me-1">
                                                <i class="far fa-image me-1"></i>img
                                            </a>
                                        @elseif($isPdf)
                                            <a href="{{ $url }}" target="_blank" class="badge bg-light text-dark border me-1">
                                                <i class="far fa-file-pdf me-1"></i>pdf
                                            </a>
                                        @else
                                            <a href="{{ $url }}" target="_blank" class="badge bg-light text-dark border me-1">
                                                <i class="far fa-file-alt me-1"></i>file
                                            </a>
                                        @endif
                                        <a href="{{ $url }}" download class="text-decoration-none me-2" title="Download">
                                            <i class="fas fa-download"></i>
                                        </a>
                                    @empty
                                        <span class="text-muted">—</span>
                                    @endforelse
                                </td>
                                <td class="text-end">
                                    <a href="{{ route('machinery-fuel-expenses.show', $e) }}" class="btn btn-sm btn-outline-info">
                                        <i class="far fa-eye"></i>
                                    </a>
                                    <a href="{{ route('machinery-fuel-expenses.edit', $e) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="far fa-edit"></i>
                                    </a>
                                    <form action="{{ route('machinery-fuel-expenses.destroy', $e) }}" method="POST"
                                          class="d-inline" onsubmit="return confirm('Delete this entry?');">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger"><i class="far fa-trash-alt"></i></button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center p-4">No records found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if ($expenses->hasPages())
                <div class="card-footer">{{ $expenses->links() }}</div>
            @endif
        </div>
    </div>

    <style>
        @media print {
            a.btn, button,
            form[action*="machinery-fuel-expenses"],
            .card .card-footer,
            .card .card-body form { display: none !important; }
            .table { font-size: 12px; }
        }
    </style>
@endsection