@extends('layouts.structure')

@section('content')
    <style>
        .container {
            margin-top: 80px;
        }

        .card-header {
            position: relative;
            z-index: 1;
        }

        .coil-row {
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 5px;
        }

        .form-label {
            font-weight: bold;
        }

        .value-text {
            margin-bottom: 0;
        }
    </style>

    <div class="container">
        <div class="card mb-5">
            <div class="card-header bg-primary text-white">
                <h5 class="mt-2 mb-0">View Inward: {{ $inward->inward_code }}</h5>
            </div>
            <div class="card-body p-4">
                <!-- Inward & Vehicle Details -->
                <div class="mb-4">
                    <div class="card-header bg-light">
                        <h5>Inward & Vehicle Details</h5>
                    </div>
                    <div class="card-body row">
                        <div class="col-md-4">
                            <label class="form-label">Plant</label>
                            <p class="value-text">{{ $inward->plant->name ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Inward Code</label>
                            <p class="value-text">{{ $inward->inward_code ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Inward Date</label>
                            <p class="value-text">{{ $inward->inward_date ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label">GRN No.</label>
                            <p class="value-text">{{ $inward->grn_no ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label">Vehicle Registration Number</label>
                            <p class="value-text">{{ $inward->vehicle_registration_number ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label">57 F4 Challan No</label>
                            <p class="value-text">{{ $inward->challan_no ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label">Challan Date</label>
                            <p class="value-text">{{ $inward->challan_date ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Client Details -->
                <div class="mb-4">
                    <div class="card-header bg-light">
                        <h5>Client Details</h5>
                    </div>
                    <div class="card-body row">
                        <div class="col-md-4">
                            <label class="form-label">Client Name</label>
                            <p class="value-text">{{ $inward->client->client_name ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Manufacturer</label>
                            <p class="value-text">{{ $inward->manufacturer->manufacturer_name ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Client Invoice Number</label>
                            <p class="value-text">{{ $inward->invoice_no ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label">Invoice Date</label>
                            <p class="value-text">{{ $inward->invoice_date ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label">Uploaded Invoice</label>
                            <p class="value-text">
                                @if ($inward->upload_invoice)
                                    <a href="{{ asset('storage/' . $inward->upload_invoice) }}" target="_blank"
                                        class="btn btn-sm btn-info">Download</a>
                                @else
                                    N/A
                                @endif
                            </p>
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="form-label">HSN Code</label>
                            <p class="value-text">{{ $inward->hsn_code ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>

                <!-- Coil Details -->
                <div class="mb-4">
                    <div class="card-header bg-light">
                        <h5>Coil Details</h5>
                    </div>
                    <div class="card-body" id="coil-container">
                        @forelse ($inward->coils as $index => $coil)
                            <div class="coil-row">
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <h6>Coil {{ $index + 1 }}</h6>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <label class="form-label">CRR No.</label>
                                        <p class="value-text">{{ $coil->crr_no ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Customer Coil No./Batch No.</label>
                                        <p class="value-text">{{ $coil->coil_no ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Grade</label>
                                        <p class="value-text">{{ $coil->grade->grade_name ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Thickness (in mm)</label>
                                        <p class="value-text">{{ $coil->thickness ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Width (in mm)</label>
                                        <p class="value-text">{{ $coil->width ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Net Weight (in Ton)</label>
                                        <p class="value-text">{{ $coil->net_weight ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Gross Weight (in Ton)</label>
                                        <p class="value-text">{{ $coil->gross_weight ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Used Coil (in Ton)</label>
                                        <p class="value-text">{{ $coil->used_coil ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Balance Coil (in Ton)</label>
                                        <p class="value-text">{{ $coil->balance_coil ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Scrap Weight (in Ton)</label>
                                        <p class="value-text">{{ $coil->scrap_wt ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Material Type</label>
                                        <p class="value-text">{{ $coil->materialType->material_name ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Basic Rate Per Ton</label>
                                        <p class="value-text">{{ $coil->basic_rate_per_ton ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Location</label>
                                        <p class="value-text">{{ $coil->location ?? 'N/A' }}</p>
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label class="form-label">Remark</label>
                                        <p class="value-text">{{ $coil->remark ?? 'N/A' }}</p>
                                    </div>
                                </div>
                            </div>
                        @empty
                            <p>No coils found for this inward.</p>
                        @endforelse
                    </div>
                </div>

                <!-- Back Button -->
                <div class="col-md-12 d-flex justify-content-end">
                    <a href="{{ route('inward.index') }}" class="btn btn-danger btn-sm px-4">Back to List</a>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery and Bootstrap JS (assumed to be included in layout) -->
    <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