@extends('vendor.app')

@section('title') quotation QT2323 @endsection
@section('styles')
@endsection
@push('head-scripts')
<!-- Bootstrap CSS -->
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('/img/trust.jpg') }}">


<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" rel="stylesheet">

<link rel="stylesheet" href="{{ asset('/wrd_file/tachyons.min.css') }}">
<link href="{{ asset('/wrd_file/css') }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('/wrd_file/style.css') }}">
<link href="{{ asset('/css/vendor.css') }}" rel="stylesheet">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.add-input-area@4.11.0/dist/jquery.add-input-area.min.js" integrity="sha256-yOwGvcRp3I8/XWkeARhJkgdfLREQygbFA5W2bUpM2FY=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<style>
    .product-status-wrap .modal-content {
        width: 1200px;
        margin: 0px auto;
    }

    .rb-container ul.rb li.current::before {
        border-color: green;
    }

    .invoice-box p.text-muted{
        margin: 0px;
        padding: 0px;
    }
    .invoice-box p.card-text{
        margin: 0px 0px 20px;
        padding: 0px;
    }
</style>
@endpush

@section('content')

<div class="container-fluid">
    <div class="row dataList" style="margin: auto;">
        @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: left;">
            <div class="product-status-wrap" style="width: 95vw; margin: auto;">
                <div class="modal-content" style="background-color: #f3f3f3">
                    <div class="modal-header">
                        <h5 class="modal-title">Quotation</h5>
                        <div>
                            <a href="{{ route('vendor.destroy.quotation') }}" class="btn btn-danger btn-round text-right">Remove Quotation</a>
                            <!--<a href="{{ route('vendor.orders.add') }}" class="btn btn-primary btn-round text-right"> Confirm Quotation</a>-->
                        </div>
                    </div>
                    <div class="pe-3 ps-3">
                        <div class="row mb-2">
                            {{-- Sender --}}
                        <div class="col-6 mb-2">
                            <div class="card  mb-2">
                                <h5 class="card-header">Sender</h5>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="row">
                                                <div class="col-4">
                                                    <p class="text-muted">Name</p>
                                                </div>
                                                <div class="col-8">
                                                    <p class="card-text">{{ $vendor->vendor_name }}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-4">
                                                    <p class="text-muted">Address</p>
                                                </div>
                                                <div class="col-8">
                                                    <p class="card-text"></p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-4">
                                                    <p class="text-muted">Delivery Address</p>
                                                </div>
                                                <div class="col-8">
                                                    <p class="card-text"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="row">
                                                <div class="col-3">
                                                    <p class="text-muted">Email</p>
                                                </div>
                                                <div class="col-9">
                                                    <p class="card-text">{{ $vendor->email }}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-3">
                                                    <p class="text-muted">Phone</p>
                                                </div>
                                                <div class="col-9">
                                                    <p class="card-text">{{ $vendor->vendor_mobile_num }}</p>
                                                </div>
                                            </div>
                                            {{-- <div class="row">
                                                <div class="col-5">
                                                    <p class="text-muted">Pickup Date</p>
                                                </div>
                                                <div class="col-7">
                                                    <p class="card-text">{{ $quoteSave['pickup_date'] }}</p>
                                                </div>
                                            </div> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                           {{-- Estimate --}}
                        <div class="col-6 mb-2">
                            <div class="card">
                                <h5 class="card-header">Estimate</h5>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <p class="text-muted">Estimated Delivery Cost</p>
                                        </div>
                                        <div class="col-6">
                                            <p class="card-text">$ {{ $quoteSave['estimated_delivery_charge'] }}</p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <p class="text-muted">Estimated Distance</p>
                                        </div>
                                        <div class="col-6">
                                            <p class="card-text">{{ $quoteSave['estimated_distance'] }} km</p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <p class="text-muted">Drop Off Access</p>
                                        </div>
                                        <div class="col-6">
                                            <p class="card-text">{{ $quoteSave['drop_off_access'] }}</p>
                                        </div>
                                        <div class="col-6">
                                            <p class="text-muted">Floor</p>
                                        </div>
                                        <div class="col-6">
                                            <p class="card-text">
                                                @if ( $quoteSave['drop_off_access'] === "Ground" )
                                                    0
                                                @else
                                                    {{ $quoteSave['floor'] }}
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Receiver --}}
                        {{-- <div class="col-6 mb-2">
                            <div class="card">
                                <h5 class="card-header">Receiver</h5>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="row">
                                                <div class="col-4">
                                                    <p class="text-muted">Name</p>
                                                </div>
                                                <div class="col-8">
                                                    <p class="card-text">{{ $quoteSave['receiver_first_name'] }} {{ $quoteSave['receiver_last_name'] }}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-4">
                                                    <p class="text-muted">Address</p>
                                                </div>
                                                <div class="col-8">
                                                    <p class="card-text"></p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">
                                                    <p class="text-muted">Drop Off Access</p>
                                                </div>
                                                <div class="col-6">
                                                    <p class="card-text">{{ $quoteSave['drop_off_access'] }}</p>
                                                </div>
                                                <div class="col-6">
                                                    <p class="text-muted">Floor</p>
                                                </div>
                                                <div class="col-6">
                                                    <p class="card-text">
                                                        @if ( $quoteSave['drop_off_access'] === "Ground" )
                                                            0
                                                        @else
                                                            {{ $quoteSave['floor'] }}
                                                        @endif
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="row">
                                                <div class="col-3">
                                                    <p class="text-muted">Email</p>
                                                </div>
                                                <div class="col-9">
                                                    <p class="card-text">{{ $quoteSave['receiver_email'] }}</p>
                                                </div>
                                                <div class="col-3">
                                                    <p class="text-muted">Phone</p>
                                                </div>
                                                <div class="col-9">
                                                    <p class="card-text">{{ $quoteSave['receiver_phone'] }}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-5">
                                                    <p class="text-muted">Delivery Date</p>
                                                </div>
                                                <div class="col-7">
                                                    <p class="card-text">{{ $quoteSave['delivery_date'] }}</p>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-3">
                                                    <p class="text-muted">Notes</p>
                                                </div>
                                                <div class="col-9">
                                                    <p class="card-text">{{ $quoteSave['delivery_note'] }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
                        </div>
                    </div>
                    {{-- Freight Details --}}
                    <div class="row mb-2">
                        <div class="col-12 mb-2">
                            <div class="card" >
                                <h5 class="card-header">Freight Details</h5>
                                <div class="card-body">
                                    <div class="row">
                                        <table id="orderTable">
                                            <thead>
                                                <tr class="table-header">
                                                    <th>Reference #</th>
                                                    <th>Product Type</th>
                                                    <th>Description</th>
                                                    <th>Quantity</th>
                                                    <th>Length</th>
                                                    <th>Width</th>
                                                    <th>Height</th>
                                                    <th>Total Cubic</th>
                                                    <th>Weight</th>
                                                    <th>Installation</th>
                                                    <th>Unwrap</th>
                                                    <th>Fragile</th>
                                                <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($quoteSave['packages'] as $package)
                                                <tr class="table-border">
                                                    <td>{{$package['reference_id']}}</td>
                                                    <td>{{$package['product_type']}}</td>
                                                    <td style="word-break:break-all">{{$package['product_description']}}</td>
                                                    <td>{{$package['quantity']}}</td>
                                                    <td>{{$package['length']}} {{$package['unit']}}</td>
                                                    <td>{{$package['width']}} {{$package['unit']}}</td>
                                                    <td>{{$package['height']}} {{$package['unit']}}</td>
                                                    <td>{{$package['cubic']}} ㎥</td>
                                                    <td>{{$package['weight']}} Kg</td>
                                                    <td>
                                                        @if ($package['installation'] === 1)
                                                        <i class="fas fa-check"></i>
                                                        @else
                                                        <i class="fas fa-times"></i>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($package['unwrap'] === 1)
                                                        <i class="fas fa-check"></i>
                                                        @else
                                                        <i class="fas fa-times"></i>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($package['fragile'] === 1)
                                                        <i class="fas fa-check"></i>
                                                        @else
                                                        <i class="fas fa-times"></i>
                                                        @endif
                                                    </td>
                                                    <td>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>    
            </div>
        </div>
    </div>
</div>


@endsection

@push('body-scripts')

@endpush