@extends('includes.layouts.admin')
@section('page-title')
Booking Details View
@endsection
@section('content') 
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Booking Details View</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                    <li class="breadcrumb-item active">Booking Details View</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<section class="content">
    <div class="container-fluid">
        <div class="row">
            Booking Details:-
            <table class="table table-striped table-bordered table-sm text-center ">
                <thead>
                    <tr>
                        <th>Lead Name</th>
                        <th>Agent Name</th>
                        <th>Product Name</th>
                        <th>Quantity</th>
                        <th>Purchase Price ($)</th>
                        <th>Agent Earnings ($)</th>
                        <th>Purpose</th>
                        <th>Booking Date</th>
                    </tr>
                </thead>
                <tbody>                   
                    <tr>
                        <td> {{ $bookingData->lead->name ?? null}}</td>
                        <td> {{ $bookingData->user->name ?? null}}</td>
                        <td> {{ $bookingData->product->name ?? null }}</td>
                        <td> {{ $bookingData->quantity ?? null}}</td>
                        <td> {{ $bookingData->purchase_price ?? null}}</td>
                        <td> {{ $bookingData->agent_earning ?? null}}</td>
                        <td> {{ $bookingData->purpose ?? null}}</td>
                        <td> {{ $bookingData->created_at ?? null}}</td>                                    
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        <div class="row">
            Agent Details:-
            <table class="table table-striped table-bordered table-sm text-center ">
                <thead>
                    <tr>
                        <th>Agent Name</th>
                        <th>Gender</th>
                        <th>Agent Id</th>
                        <th>Country Code</th>
                        <th>Phone</th>
                        <th>Email</th>
                    </tr>
                </thead>
                <tbody>                   
                    <tr>
                        <td> {{ $bookingData->user->name ?? null}}</td>
                        <td> {{ Str::title($bookingData->user->gender) ?? null}}</td>
                        <td> {{ $bookingData->user->agent_id ?? null }}</td>
                        <td> {{ $bookingData->user->country_code ?? null}}</td>
                        <td> {{ $bookingData->user->phone ?? null}}</td>
                        <td> {{ $bookingData->user->email?? null}}</td>
                     
                      
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>
<section class="content">
    <div class="container-fluid">
        <div class="row">
            Lead Details:-
            <table class="table table-striped table-bordered table-sm text-center ">
                <thead>
                    <tr>
                        <th>Lead Name</th>
                        <th>Email</th>
                        <th>Country Code</th>
                        <th>Phone</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td> {{$bookingData->lead->name ?? null}}</td>
                        <td> {{$bookingData->lead->email?? null}}</td>
                        <td> {{$bookingData->lead->country_code ?? null}}</td>
                        <td> {{$bookingData->lead->phone ?? null}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        <div class="row">
            Product Details:-
            @if($bookingData->product)
                <table class="table table-striped table-bordered table-sm text-center ">
                    <thead>
                        <tr>
                            <th>Product Name</th>
                            <th>Model No</th>
                            <th>Long Description</th>
                            <th>Short Description</th>
                            <th>Price ($)</th>
                            <th>Agent Commission (%)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td> {{$bookingData->product->name}}</td>
                            <td> {{$bookingData->product->model_no?? null}}</td>
                            <td> {{$bookingData->product->long_description ?? null}}</td>
                            <td> {{$bookingData->product->short_description ?? null}}</td>
                            <td>
                                @isset($bookingData->product->price)
                                    {{ $bookingData->product->price }}
                                @endisset
                            </td>
                            <td>
                                @isset($bookingData->product->agent_commission)
                                    {{ $bookingData->product->agent_commission }}
                                @endisset
                            </td>

                        </tr>
                    </tbody>
                </table>
            @endif

            @if($bookingData->status == 0)
                <form method="POST" action="{{route('admin.booking-status',$bookingData->id)}}">
                    <input type="hidden" name="product_id" value="{{ $bookingData->id }}">
                    {!! csrf_field() !!}
                    <button class="btn btn_baseColor btn-sm mt-3" type="submit"
                        onClick="this.form.submit(); this.disabled=true; this.innerText='Hold on...';"> 
                            &nbsp;&nbsp; Approve Booking &nbsp;&nbsp;                  
                    </button>
                </form>
            @endif
        </div>
    </div>
</section>
@endsection
@section('scripts')
@include('admin.commonScript.script')
    <script>
        function approveBooking(bookingId) {
            fetch('/booking-status/' + bookingId, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
            })
            .then(function (response) {
                if (response.ok) {
                    // Handle the success response if needed
                    console.log(response);
                } else {
                    // Handle the error response if needed
                    console.error('Error:', response);
                }
            })
            .catch(function (error) {
                // Handle any errors that occur during the request
                console.error('Error:', error);
            });
        }
    </script>
@endsection