@extends('Admin.layout.app')
@section('content')
<div class="container-fluid my-5">
    <div class="card shadow border w-100 my-5">
        <div class="card-header pink-text">Vendor Details</div>
        <div class="card-body">
            <table class="table-bordered table pink-border">
                <tbody>
                    <tr>
                        <td class="col-md-3 col-5"><b>Vendor Name</b></td>
                        <td class="col-md-7 col-7 text-muted">{{$vendorService->vendor->name}}</td>
                    </tr>
                    <tr>
                        <td class="col-md-3 col-5"><b>Contact Person</b></td>
                        <td class="col-md-7 col-7 text-muted">{{$vendorService->vendor->contactPerson}}</td>
                    </tr>
                    <tr>
                        <td class="col-md-3 col-5"><b>Contact Number</b></td>
                        <td class="col-md-7 col-7 text-muted">{{$vendorService->vendor->contactNumber}}</td>
                    </tr>
                    <tr>
                        <td class="col-md-3 col-5"><b>Email</b></td>
                        <td class="col-md-7 col-7 text-muted">{{$vendorService->vendor->email}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="card shadow border w-100">
        <div class="card-header pink-text">Vendor Service Details</div>
        <div class="card-body">
            <table class="table-bordered table pink-border">
                <tbody>
                    <tr>
                        <td class="col-md-3 col-5"><b>Airport Name</b></td>
                        <td class="col-md-7 col-7 text-muted">{{$vendorService->airport->airportName}}</td>
                    </tr>
                    <tr>
                        <td class="col-md-3 col-5"><b>Service Name</b></td>
                        <td class="col-md-7 col-7 text-muted">{{$vendorService->service_name}}</td>
                    </tr>
                    <tr>
                        <td class="col-md-3 col-5"><b>Priority</b></td>
                        <td class="col-md-7 col-7 text-muted">{{$vendorService->priority}}</td>
                    </tr>
                    <tr>
                        <td class="col-md-3 col-5"><b>Remarks</b></td>
                        <td class="col-md-7 col-7 text-muted">{{$vendorService->additional_passengers}}</td>
                    </tr>
                    <tr>
                        <td class="col-md-3 col-5"><b>Amount ({{$vendorService->currency->currencyCode}})</b></td>
                        <td class="col-md-7 col-7 text-muted">{{number_format($vendorService->amount,2)}}</td>
                    </tr>
                    <tr>
                        <td class="col-md-3 col-5"><b>Services</b></td>
                        <td class="col-md-7 col-7 text-muted"> 
                            <div class="row">
                                @foreach ($services as $item)
                                    <div class="col-md-4"><i class="bi bi-check-square"></i> {{$item->title}}</div>
                                @endforeach
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div><a href="{{route('vendor-service.index',[$vendorService->vendor_list_id])}}" class="btn pink-bg text-white my-3"><i class="bi bi-arrow-left-circle"></i> <strong>Back</strong></a></div>
</div>
@endsection