@extends('layouts.structure')

@section('content')
    <title>Dispatch Details for Plan</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .detail-label {
            font-weight: bold;
        }

        .detail-card,
        .coil-card,
        .transport-table-card {
            margin-top: 20px;
        }

        .badge {
            padding: 5px 10px;
            border-radius: 5px;
        }

        .bg-coil {
            background-color: #17a2b8;
            color: white;
        }

        .bg-process {
            background-color: #28a745;
            color: white;
        }

        .bg-dispatch {
            background-color: #007bff;
            color: white;
        }

        .bg-scrap {
            background-color: #dc3545;
            color: white;
        }

        .table-responsive {
            overflow-x: auto;
        }

        @media print {
            .btn {
                display: none !important;
            }
        }
    </style>

    <div class="container mt-4 mb-5">
        <h2 class="text-center mb-4"><h2 class="text-center mb-4">Dispatch Details for {{ $plan->client->client_name }}
</h2>
</h2>

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

        <!-- Plan Details -->
        <div class="card detail-card">
            <div class="card-header">
                <h4>Plan Information</h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <span class="detail-label">Client Name:</span> {{ $plan->client->client_name ?? 'N/A' }}
                    </div>
                   
                </div>
            </div>
        </div>

        <!-- Coil Details -->
        <div class="card coil-card">
            <div class="card-header">
                <h4>Coil Details</h4>
            </div>
            <div class="card-body">
                @if ($plan->coil)
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <span class="detail-label">CRR No.:</span> {{ $plan->coil->crr_no ?? 'N/A' }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <span class="detail-label">Net Weight (TON):</span>
                            {{ $plan->coil->net_weight ? number_format($plan->coil->net_weight, 3) : 'N/A' }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <span class="detail-label">Gross Weight (TON):</span>
                            {{ $plan->coil->gross_weight ? number_format($plan->coil->gross_weight, 3) : 'N/A' }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <span class="detail-label">Width (mm):</span>
                            {{ $plan->coil->width ? number_format($plan->coil->width, 2) : 'N/A' }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <span class="detail-label">Thickness (mm):</span>
                            {{ $plan->coil->thickness ? number_format($plan->coil->thickness, 2) : 'N/A' }}
                        </div>
                    </div>
                @else
                    <p>No coil details available.</p>
                @endif
            </div>
        </div>

        <!-- Transport Details Table -->
        <div class="card transport-table-card">
            <div class="card-header">
                <h4>Transport Details</h4>
            </div>
            <div class="card-body">
                @if ($dispatches->isNotEmpty())
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th>Dispatched Weight & Dimensions</th>
                                    <th>Process Type</th>
                                    <th>Vehicle Details</th>
                                    <th>Driver Name</th>
                                    <th>Transport Date</th>
                                    <th>Destination</th>
                                    <th>Remark</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($dispatches as $dispatch)
                                    <tr>
                                        <td>
                                            @php
                                                $weight = $dispatch->dispatched_wt ?? 'N/A';
                                                $dimensions = 'N/A';
                                                if ($dispatch->type === 'ctl' && $dispatch->ctlCut) {
                                                    $width = $dispatch->ctlCut->cut_width ?? 'N/A';
                                                    $length = $dispatch->ctlCut->cut_length ?? 'N/A';
                                                    $dimensions =
                                                        $width !== 'N/A' && $length !== 'N/A'
                                                            ? number_format($width, 1) .
                                                                ' x ' .
                                                                number_format($length, 0) .
                                                                ' mm'
                                                            : 'N/A';
                                                } elseif ($dispatch->type === 'crs' && $dispatch->crsCut) {
                                                    $cutWidth = $dispatch->crsCut->cut_width ?? null;
                                                    $quantity = $dispatch->crsCut->quantity ?? null;
                                                    $dimensions =
                                                        $cutWidth !== null && $quantity !== null
                                                            ? number_format($cutWidth, 1) . ' x ' . $quantity . ' mm'
                                                            : 'N/A';
                                                }
                                            @endphp
                                            {{ $weight !== 'N/A' ? $weight . ' TON' : 'N/A' }}
                                            @if ($dimensions !== 'N/A')
                                                <br>{{ $dimensions }}
                                            @endif
                                        </td>
                                        <td>{{ $dispatch->type ?? 'N/A' }}</td>
                                        <td>{{ $dispatch->vehicle_no ?? 'N/A' }}</td>
                                        <td>{{ $dispatch->driver_name ?? 'N/A' }}</td>
                                        <td>{{ $dispatch->transport_date ?? 'N/A' }}</td>
                                        <td>{{ $dispatch->destination ?? 'N/A' }}</td>
                                        <td>{{ $dispatch->cut_remark ?? 'N/A' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p>No transport details available for this plan.</p>
                @endif
            </div>
        </div>

        {{-- Process Details  --}}
        {{-- <div class="card process-card">
            <div class="card-header">
                <h4>Process Details</h4>
            </div>
            <div class="card-body">
                @if ($plan->processes->isNotEmpty())
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Process Type</th>
                                    <th>Total Cuts</th>
                                    <th>Total Weight (TON)</th>
                                    <th>Cut Details</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($plan->processes as $process)
                                    <tr>
                                        <td>{{ strtoupper($process->process_type) }}</td>
                                        <td>
                                            {{ $process->process_type === 'crs' ? $process->crsCuts->count() : $process->ctlCuts->count() }}
                                        </td>
                                        <td>
                                            {{ $process->process_type === 'crs' ? number_format($process->crsCuts->sum('current_weight'), 3) : number_format($process->ctlCuts->sum('current_weight'), 3) }}
                                        </td>
                                        <td>
                                            @if ($process->process_type === 'crs')
                                                @if ($process->crsCuts->isNotEmpty())
                                                    <ul>
                                                        @foreach ($process->crsCuts as $cut)
                                                            <li>
                                                                Width: {{ number_format($cut->cut_width, 2) }} mm,
                                                                Weight: {{ number_format($cut->current_weight, 3) }} TON
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                @else
                                                    No CRS cuts available.
                                                @endif
                                            @else
                                                @if ($process->ctlCuts->isNotEmpty())
                                                    <ul>
                                                        @foreach ($process->ctlCuts as $cut)
                                                            <li>
                                                                Width: {{ number_format($cut->cut_width, 2) }} mm,
                                                                Length: {{ number_format($cut->cut_length, 2) }} mm,
                                                                Weight: {{ number_format($cut->current_weight, 3) }} TON
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                @else
                                                    No CTL cuts available.
                                                @endif
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p>No process details available.</p>
                @endif
            </div>
        </div> --}}

        <!-- Navigation Buttons -->
        <div class="mt-3">
            <a href="{{ route('dispatches.index') }}" class="btn btn-secondary">Back to Dispatch Records</a>
            <a href="{{ route('plans.show', $plan->id) }}" class="btn btn-primary">View Plan</a>
            <a href="{{ route('download-dc', $plan->id) }}" class="btn btn-success">Download DC</a>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
@endsection