@extends('layouts.structure')

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

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

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

    <div class="container mt-4">
        <div class="row">
            <!-- Back Button -->
            <div class="col-12 text-end mb-3">
                <a href="{{ route('inward.index') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left-circle"></i> Back to List
                </a>
                <a href="{{ route('inward.downloadExcel', $inward->inward_id) }}" class="btn btn-outline-success btn-sm ms-2">
                    <i class="bi bi-download"></i> Download Excel
                </a>
            </div>

            <!-- Inward & Vehicle Details Card -->
            <div class="col-md-10 mx-auto mb-4">
                <div class="card border-0 shadow rounded-4">
                    <div class="card-body">
                        <h5 class="mb-4"><i class="bi bi-truck me-2"></i>Inward & Vehicle Details</h5>

                        <div class="row mb-3">
                            <div class="col-md-4"><strong>Plant:</strong> {{ $inward->plant->name ?? 'N/A' }}</div>
                            <div class="col-md-4"><strong>Inward Code:</strong> {{ $inward->inward_code ?? 'N/A' }}</div>
                            <div class="col-md-4"><strong>Inward Date:</strong> {{ $inward->inward_date ?? 'N/A' }}</div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4"><strong>GRN No.:</strong> {{ $inward->grn_no ?? 'N/A' }}</div>
                            <div class="col-md-4"><strong>Vehicle Registration Number:</strong> {{ $inward->vehicle_registration_number ?? 'N/A' }}</div>
                            <div class="col-md-4"><strong>57 F4 Challan No:</strong> {{ $inward->challan_no ?? 'N/A' }}</div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4"><strong>Challan Date:</strong> {{ $inward->challan_date ?? 'N/A' }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Client Details Card -->
            <div class="col-md-10 mx-auto mb-4">
                <div class="card border-0 shadow rounded-4">
                    <div class="card-body">
                        <h5 class="mb-4"><i class="bi bi-person-circle me-2"></i>Client Details</h5>

                        <div class="row mb-3">
                            <div class="col-md-4"><strong>Client Name:</strong> {{ $inward->client->client_name ?? 'N/A' }}</div>
                            <div class="col-md-4"><strong>Manufacturer:</strong> {{ $inward->manufacturer->manufacturer_name ?? 'N/A' }}</div>
                            <div class="col-md-4"><strong>Client Invoice Number:</strong> {{ $inward->invoice_no ?? 'N/A' }}</div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4"><strong>Invoice Date:</strong> {{ $inward->invoice_date ?? 'N/A' }}</div>
                            <div class="col-md-4">
                                <strong>Uploaded Invoice:</strong>
                                @if ($inward->upload_invoice)
                                    
                                    <a href="{{ route('inward.download', $inward->inward_id) }}"
                                        class="btn btn-sm btn-outline-primary ms-2">
                                        <i class="bi bi-download"></i> Download
                                    </a>
                                @else
                                    N/A
                                @endif
                            </div>
                            <div class="col-md-4"><strong>HSN Code:</strong> {{ $inward->hsn_code ?? 'N/A' }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Coil Details Card -->
            <div class="col-md-10 mx-auto mb-4">
                <div class="card border-0 shadow rounded-4">
                    <div class="card-body">
                        <h5 class="mb-4"><i class="bi bi-box-seam me-2"></i>Coil Details</h5>

                        @forelse ($inward->coils as $index => $coil)
                            <div class="coil-row">
                                <h6 class="mb-3">Coil {{ $index + 1 }}</h6>
                                <div class="row mb-3">
                                    <div class="col-md-4"><strong>CRR No.:</strong> {{ $coil->crr_no ?? 'N/A' }}</div>
                                    <div class="col-md-4"><strong>Customer Coil No./Batch No.:</strong> {{ $coil->coil_no ?? 'N/A' }}</div>
                                    <div class="col-md-4"><strong>Grade:</strong> {{ $coil->grade->grade_name ?? 'N/A' }}</div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-4"><strong>Thickness (in mm):</strong> {{ $coil->thickness ?? 'N/A' }}</div>
                                    <div class="col-md-4"><strong>Width (in mm):</strong> {{ $coil->width ?? 'N/A' }}</div>
                                    <div class="col-md-4"><strong>Net Weight (in Ton):</strong> {{ $coil->net_weight ?? 'N/A' }}</div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-4"><strong>Gross Weight (in Ton):</strong> {{ $coil->gross_weight ?? 'N/A' }}</div>
                                    <!--<div class="col-md-4"><strong>Used Coil (in Ton):</strong> {{ $coil->used_coil ?? 'N/A' }}</div>-->
                                    <!--<div class="col-md-4"><strong>Balance Coil (in Ton):</strong> {{ $coil->balance_coil ?? 'N/A' }}</div>-->
                                </div>
                                <div class="row mb-3">
                                    <!--<div class="col-md-4"><strong>Scrap Weight (in Ton):</strong> {{ $coil->scrap_wt ?? 'N/A' }}</div>-->
                                    <div class="col-md-4"><strong>Material Type:</strong> {{ $coil->materialType->material_name ?? 'N/A' }}</div>
                                    <div class="col-md-4"><strong>Basic Rate Per Ton:</strong> {{ $coil->basic_rate_per_ton ?? 'N/A' }}</div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-4"><strong>Location:</strong> {{ $coil->location ?? 'N/A' }}</div>
                                    <div class="col-md-4"><strong>Remark:</strong> {{ $coil->remark ?? 'N/A' }}</div>
                                </div>
                            </div>
                        @empty
                            <p>No coils found for this inward.</p>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
    <!-- jQuery and Bootstrap JS -->
    <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