@extends('layout.app')
@section('title', 'Freight Entry Details - ' . ($freightEntry->lr_no ?? ''))

@push('header_script')
<link rel="stylesheet" href="{{ asset('theme/assets/sweetalert/sweet-alert.css') }}" type="text/css">
<style>
    .fe-card {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        margin-bottom: 1.25rem;
        overflow: hidden;
    }
    .fe-card-header {
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
        padding: 12px 18px;
        font-weight: 600;
        font-size: 0.95rem;
        color: #1e293b;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .fe-card-body {
        padding: 18px;
    }
    .info-label {
        font-size: 0.78rem;
        text-transform: uppercase;
        font-weight: 600;
        color: #64748b;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
    }
    .info-value {
        font-size: 0.92rem;
        font-weight: 600;
        color: #0f172a;
    }
    .fe-tabs .nav-link {
        font-weight: 600;
        color: #475569;
        border-radius: 8px;
        padding: 10px 18px;
        margin-right: 6px;
        border: 1px solid #e2e8f0;
        background: #ffffff;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: all 0.2s ease;
    }
    .fe-tabs .nav-link:hover {
        background: #f1f5f9;
        color: #0f172a;
    }
    .fe-tabs .nav-link.active {
        background: #2563eb !important;
        color: #ffffff !important;
        border-color: #2563eb !important;
        box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25);
    }
    .file-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        background: #eff6ff;
        border: 1px solid #bfdbfe;
        color: #1d4ed8;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.15s ease;
    }
    .file-badge:hover {
        background: #dbeafe;
        color: #1e40af;
    }
</style>
@endpush

@section('content')
<div class="content-wrapper">
    <!-- Top Action Bar -->
    <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
        <div>
            <div class="d-flex align-items-center gap-2">
                <h4 class="mb-0 fw-bold text-dark">
                    LR #{{ $freightEntry->lr_no ?? 'N/A' }}
                </h4>
                <span class="badge bg-primary text-uppercase">{{ $freightEntry->freight_type ?? 'Freight Entry' }}</span>
                <span class="badge bg-info text-uppercase">{{ $freightEntry->paid_by ?? 'To Pay' }}</span>
            </div>
            <small class="text-muted">
                <i class="ri-calendar-line me-1"></i>Date: {{ $freightEntry->date ? date('d-m-Y', strtotime($freightEntry->date)) : '-' }}
                &nbsp;|&nbsp;
                <i class="ri-map-pin-line me-1"></i>{{ $freightEntry->from_location ?? 'Origin' }} &rarr; {{ $freightEntry->to_location ?? 'Destination' }}
            </small>
        </div>

        <div class="d-flex align-items-center gap-2">
            <a href="{{ route('freight-entry.index') }}" class="btn btn-outline-secondary btn-sm">
                <i class="ri-arrow-left-line me-1"></i> Back to List
            </a>
            <a href="{{ route('freight-entry.edit', $freightEntry->id) }}" class="btn btn-outline-primary btn-sm">
                <i class="ri-edit-line me-1"></i> Edit Entry
            </a>
            <a href="{{ route('freight-entry.builty-print', $freightEntry->id) }}" target="_blank" class="btn btn-primary btn-sm">
                <i class="ri-printer-line me-1"></i> Print Builty
            </a>
        </div>
    </div>

    <!-- Summary Overview Cards -->
    <div class="row g-3 mb-3">
        <!-- Vehicle & Driver Card -->
        <div class="col-xl-3 col-md-6">
            <div class="fe-card h-100 mb-0">
                <div class="fe-card-header">
                    <span><i class="ri-truck-line text-primary me-2"></i>Vehicle & Driver</span>
                </div>
                <div class="fe-card-body">
                    <div class="mb-2">
                        <div class="info-label">Truck No.</div>
                        <div class="info-value text-primary fs-6">{{ $freightEntry->vehicle->vehicle_no ?? 'N/A' }}</div>
                        <small class="text-muted text-uppercase">Type: {{ $freightEntry->vehicle_type ?? '-' }}</small>
                    </div>
                    <hr class="my-2 border-slate-200">
                    <div>
                        <div class="info-label">Driver</div>
                        <div class="info-value">{{ $freightEntry->driver_name ?: ($freightEntry->employee->employee_name ?? 'N/A') }}</div>
                        <small class="text-muted"><i class="ri-phone-line"></i> {{ $freightEntry->driver_mobile_no ?? ($freightEntry->employee->mobile_no ?? '-') }}</small>
                    </div>
                </div>
            </div>
        </div>

        <!-- Consignor Party Card -->
        <div class="col-xl-3 col-md-6">
            <div class="fe-card h-100 mb-0">
                <div class="fe-card-header">
                    <span><i class="ri-user-shared-line text-success me-2"></i>Consignor (Sender)</span>
                </div>
                <div class="fe-card-body">
                    <div class="info-label">Consignor Name</div>
                    <div class="info-value text-dark mb-1">{{ $freightEntry->consignor->party_name ?? 'N/A' }}</div>
                    @if(!empty($freightEntry->consignor->gst_no))
                        <div class="small text-muted mb-1"><strong>GST:</strong> {{ $freightEntry->consignor->gst_no }}</div>
                    @endif
                    <div class="small text-muted text-truncate" title="{{ $freightEntry->consignor->address ?? '' }}">
                        <i class="ri-map-pin-line"></i> {{ $freightEntry->consignor->address ?? $freightEntry->from_location }}
                    </div>
                </div>
            </div>
        </div>

        <!-- Consignee Party Card -->
        <div class="col-xl-3 col-md-6">
            <div class="fe-card h-100 mb-0">
                <div class="fe-card-header">
                    <span><i class="ri-user-received-line text-info me-2"></i>Consignee (Receiver)</span>
                </div>
                <div class="fe-card-body">
                    <div class="info-label">Consignee Name</div>
                    <div class="info-value text-dark mb-1">{{ $freightEntry->consignee->party_name ?? 'N/A' }}</div>
                    @if(!empty($freightEntry->consignee->gst_no))
                        <div class="small text-muted mb-1"><strong>GST:</strong> {{ $freightEntry->consignee->gst_no }}</div>
                    @endif
                    <div class="small text-muted text-truncate" title="{{ $freightEntry->consignee->address ?? '' }}">
                        <i class="ri-map-pin-line"></i> {{ $freightEntry->consignee->address ?? $freightEntry->to_location }}
                    </div>
                </div>
            </div>
        </div>

        <!-- Amount & Financials Card -->
        <div class="col-xl-3 col-md-6">
            <div class="fe-card h-100 mb-0">
                <div class="fe-card-header">
                    <span><i class="ri-money-rupee-circle-line text-warning me-2"></i>Financials</span>
                </div>
                <div class="fe-card-body">
                    <div class="d-flex justify-content-between mb-1">
                        <span class="text-muted small">Freight:</span>
                        <span class="fw-semibold">₹ {{ number_format($freightEntry->freight ?? 0, 2) }}</span>
                    </div>
                    <div class="d-flex justify-content-between mb-1">
                        <span class="text-muted small">Charges:</span>
                        <span class="fw-semibold">₹ {{ number_format(($freightEntry->loading_charge ?? 0) + ($freightEntry->unloading_charge ?? 0) + ($freightEntry->other_charge ?? 0), 2) }}</span>
                    </div>
                    <div class="d-flex justify-content-between mb-1">
                        <span class="text-muted small">GST ({{ $freightEntry->gst_percent ?? 0 }}%):</span>
                        <span class="fw-semibold">₹ {{ number_format($freightEntry->gst_amount ?? 0, 2) }}</span>
                    </div>
                    <hr class="my-2 border-slate-200">
                    <div class="d-flex justify-content-between align-items-center">
                        <span class="fw-bold text-dark">Grand Total:</span>
                        <span class="fw-bold text-success fs-6">₹ {{ number_format($freightEntry->grand_total ?? 0, 2) }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Workflow Nav Tabs -->
    <ul class="nav nav-pills fe-tabs mb-3" id="receivingTabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="tab-upload-receiving" data-bs-toggle="pill" data-bs-target="#pane-upload-receiving" type="button" role="tab">
                <i class="ri-upload-cloud-line"></i> Upload Receiving (POD)
                <span class="badge bg-light text-dark ms-1">{{ count($uploadReceiving ?? []) }}</span>
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tab-send-receiving" data-bs-toggle="pill" data-bs-target="#pane-send-receiving" type="button" role="tab">
                <i class="ri-send-plane-line"></i> Send Receiving (Courier)
                @if(isset($sendReceiving) && $sendReceiving)
                    <span class="badge bg-success ms-1">Sent</span>
                @endif
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tab-goods" data-bs-toggle="pill" data-bs-target="#pane-goods" type="button" role="tab">
                <i class="ri-box-3-line"></i> Consignment Goods
                <span class="badge bg-light text-dark ms-1">{{ count($freightEntry->items ?? []) }}</span>
            </button>
        </li>
    </ul>

    <!-- Tab Contents -->
    <div class="tab-content" id="receivingTabContent">
        <!-- 1. UPLOAD RECEIVING TAB -->
        <div class="tab-pane fade show active" id="pane-upload-receiving" role="tabpanel">
            <div class="row g-3">
                <!-- Upload Form -->
                <div class="col-lg-4">
                    <div class="fe-card">
                        <div class="fe-card-header">
                            <span><i class="ri-file-upload-line me-1 text-primary"></i> Upload New Receiving File</span>
                        </div>
                        <div class="fe-card-body">
                            <form action="{{ route('upload-receiving.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="freight_entry_id" value="{{ $freightEntry->id }}">
                                <input type="hidden" name="upload_receiving_request" value="View">

                                <div class="mb-3">
                                    <label class="form-label info-label">Receiving Date <span class="text-danger">*</span></label>
                                    <input type="date" name="upload_reciving_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label info-label">Select Document(s) <span class="text-danger">*</span></label>
                                    <input type="file" name="file[]" class="form-control" multiple required accept="image/*,.pdf">
                                    <small class="text-muted d-block mt-1">Images (PNG, JPG) or PDF files.</small>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label info-label">Remarks</label>
                                    <textarea name="remark" class="form-control" rows="3" placeholder="Optional notes or remarks..."></textarea>
                                </div>

                                <button type="submit" class="btn btn-primary w-100">
                                    <i class="ri-upload-2-line me-1"></i> Upload Receiving
                                </button>
                            </form>
                        </div>
                    </div>
                </div>

                <!-- Uploaded Records Table -->
                <div class="col-lg-8">
                    <div class="fe-card">
                        <div class="fe-card-header">
                            <span><i class="ri-folder-received-line me-1 text-success"></i> Uploaded Documents</span>
                            <span class="badge bg-secondary">{{ count($uploadReceiving ?? []) }} Records</span>
                        </div>
                        <div class="fe-card-body p-0">
                            <div class="table-responsive">
                                <table class="table table-hover align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th style="width: 50px;">#</th>
                                            <th>Receiving Date</th>
                                            <th>Files / Documents</th>
                                            <th>Remarks</th>
                                            <th style="width: 80px;" class="text-center">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($uploadReceiving ?? [] as $index => $item)
                                            <tr id="receiving-row-{{ $item->id }}">
                                                <td>{{ $index + 1 }}</td>
                                                <td class="fw-semibold text-dark">
                                                    {{ $item->upload_reciving_date ? date('d-m-Y', strtotime($item->upload_reciving_date)) : '-' }}
                                                </td>
                                                <td>
                                                    @php
                                                        $files = explode(',', $item->file);
                                                    @endphp
                                                    <div class="d-flex flex-wrap gap-1">
                                                        @foreach($files as $fIndex => $filePath)
                                                            @if(!empty(trim($filePath)))
                                                                <a href="{{ asset($filePath) }}" target="_blank" class="file-badge">
                                                                    <i class="ri-file-line"></i> View File {{ $fIndex + 1 }}
                                                                </a>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                </td>
                                                <td>
                                                    <span class="text-muted small">{{ $item->remark ?: '-' }}</span>
                                                </td>
                                                <td class="text-center">
                                                    <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteReceiving({{ $item->id }})" title="Delete File">
                                                        <i class="ri-delete-bin-line"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="5" class="text-center text-muted py-4">
                                                    <i class="ri-inbox-line fs-2 d-block text-slate-300"></i>
                                                    No receiving documents uploaded yet.
                                                </td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 2. SEND RECEIVING TAB -->
        <div class="tab-pane fade" id="pane-send-receiving" role="tabpanel">
            <div class="row g-3">
                <div class="col-lg-6">
                    <div class="fe-card">
                        <div class="fe-card-header">
                            <span><i class="ri-truck-line me-1 text-info"></i> Courier / Dispatch Receiving Details</span>
                        </div>
                        <div class="fe-card-body">
                            <form action="{{ route('send-receiving.store') }}" method="POST">
                                @csrf
                                <input type="hidden" name="send_freight_entry_id" value="{{ $freightEntry->id }}">
                                <input type="hidden" name="send_entry_type" value="{{ isset($sendReceiving) && $sendReceiving ? 'update' : 'store' }}">
                                <input type="hidden" name="send_receiving_id" value="{{ $sendReceiving->id ?? '' }}">

                                <div class="mb-3">
                                    <label class="form-label info-label">Courier Agency Name <span class="text-danger">*</span></label>
                                    <input type="text" name="courier_agency" class="form-control" value="{{ old('courier_agency', $sendReceiving->courier_agency ?? '') }}" placeholder="e.g. Blue Dart, DTDC, Professional" required>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label info-label">Docket / Tracking No. <span class="text-danger">*</span></label>
                                    <input type="text" name="docket_no" class="form-control" value="{{ old('docket_no', $sendReceiving->docket_no ?? '') }}" placeholder="Enter Tracking / Docket number" required>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label info-label">Dispatch Date <span class="text-danger">*</span></label>
                                    <input type="date" name="send_date" class="form-control" value="{{ old('send_date', isset($sendReceiving->date) ? date('Y-m-d', strtotime($sendReceiving->date)) : date('Y-m-d')) }}" required>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label info-label">Remarks</label>
                                    <textarea name="send_remark" class="form-control" rows="3" placeholder="Optional comments...">{{ old('send_remark', $sendReceiving->remark ?? '') }}</textarea>
                                </div>

                                <button type="submit" class="btn btn-success w-100">
                                    <i class="ri-check-line me-1"></i> {{ isset($sendReceiving) && $sendReceiving ? 'Update Send Receiving' : 'Save Send Receiving' }}
                                </button>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="fe-card">
                        <div class="fe-card-header">
                            <span><i class="ri-information-line me-1 text-primary"></i> Current Dispatch Status</span>
                        </div>
                        <div class="fe-card-body">
                            @if(isset($sendReceiving) && $sendReceiving)
                                <div class="alert alert-success d-flex align-items-center mb-3" role="alert">
                                    <i class="ri-checkbox-circle-line fs-5 me-2"></i>
                                    <div>Receiving documents have been dispatched via courier!</div>
                                </div>

                                <div class="row g-2">
                                    <div class="col-6 mb-2">
                                        <div class="info-label">Courier Agency</div>
                                        <div class="info-value">{{ $sendReceiving->courier_agency }}</div>
                                    </div>
                                    <div class="col-6 mb-2">
                                        <div class="info-label">Docket No.</div>
                                        <div class="info-value text-primary">{{ $sendReceiving->docket_no }}</div>
                                    </div>
                                    <div class="col-6 mb-2">
                                        <div class="info-label">Dispatch Date</div>
                                        <div class="info-value">{{ date('d-m-Y', strtotime($sendReceiving->date)) }}</div>
                                    </div>
                                    <div class="col-12 mt-2">
                                        <div class="info-label">Remarks</div>
                                        <div class="text-muted">{{ $sendReceiving->remark ?: 'No remarks entered.' }}</div>
                                    </div>
                                </div>
                            @else
                                <div class="alert alert-warning mb-0" role="alert">
                                    <i class="ri-alert-line me-1"></i> No courier / dispatch information recorded yet for this freight entry.
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 3. GOODS / ITEMS TAB -->
        <div class="tab-pane fade" id="pane-goods" role="tabpanel">
            <div class="fe-card">
                <div class="fe-card-header">
                    <span><i class="ri-box-3-line me-1 text-primary"></i> Material / Goods Description</span>
                    <span class="badge bg-secondary">{{ count($freightEntry->items ?? []) }} Items</span>
                </div>
                <div class="fe-card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th style="width: 50px;">#</th>
                                    <th>Material Name</th>
                                    <th>HSN Code</th>
                                    <th>Packing Type</th>
                                    <th class="text-end">Charge Weight</th>
                                    <th class="text-end">Rate</th>
                                    <th class="text-end">Amount</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($freightEntry->items ?? [] as $iKey => $item)
                                    <tr>
                                        <td>{{ $iKey + 1 }}</td>
                                        <td class="fw-semibold text-dark">{{ $item->material_name ?: 'Goods' }}</td>
                                        <td>{{ $item->hsn_code ?: '-' }}</td>
                                        <td><span class="badge bg-light text-dark">{{ $item->packing_type ?: '-' }}</span></td>
                                        <td class="text-end">{{ number_format($item->charge_weight ?? 0, 2) }} {{ $item->weight_unit ?: 'MT' }}</td>
                                        <td class="text-end">₹ {{ number_format($item->rate ?? 0, 2) }}</td>
                                        <td class="text-end fw-bold text-dark">₹ {{ number_format($item->amount ?? 0, 2) }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted py-4">No goods items listed.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('footer_script')
<script src="{{ asset('theme/assets/sweetalert/sweet-alert.min.js') }}"></script>
<script>
    function deleteReceiving(id) {
        if (!confirm('Are you sure you want to delete this receiving document?')) {
            return;
        }

        $.ajax({
            url: "{{ url('upload-receiving/delete') }}/" + id,
            type: "DELETE",
            data: {
                _token: "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.success == 200) {
                    $('#receiving-row-' + id).fadeOut(300, function() {
                        $(this).remove();
                    });
                } else {
                    alert('Could not delete the file. Please try again.');
                }
            },
            error: function(err) {
                alert('Error deleting receiving file: ' + (err.responseJSON ? err.responseJSON.message : 'Server error'));
            }
        });
    }
</script>
@endpush