@extends('layouts.admin')

@section('content')
<style>
    .bg-success {
        background-color: #343a40 !important;
        ;
    }
</style>
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Send Quotation</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Send Quotation</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                @if(Session::has('success'))
                <div class="alert alert-success alert-dismissible">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong>Success!</strong> {{Session::get('success')}}
                </div>
                @endif
            </div>

            <table class="table table-bordered table-sm text-center">
                <tbody>
                    <tr>
                        <td colspan="4" class="bg-success text-white">
                            <span class="fs-5">CUSTOMER DETAIL</span>
                        </td>
                    </tr>
                    <tr>
                        <th>Name</th>
                        <td>{{$booking->first_name}} {{$booking->last_name}}</td>
                        <th>Email</th>
                        <td>{{$booking->email}}</td>
                    </tr>
                    <tr>
                        <th>Phone</th>
                        <td>{{$booking->phone}}</td>
                        <th>Comments</th>
                        <td>{{$booking->comments}}</td>
                    </tr>

                    <td colspan="4" class="bg-success text-white">
                        <span class="fs-5">RIDE DETAIL</span>
                    </td>
                    <tr>
                        <th>Date</th>
                        <td>{{getDateByFormat($booking->pickup_date)}}</td>
                        <th>Time</th>
                        <td>{{getTimeByFormat($booking->pickup_time)}}</td>
                    </tr>
                    <tr>
                        <th>Pickup</th>
                        <td>{{$booking->pickup_location}}</td>
                        <th>Drop-off</th>
                        <td>{{$booking->drop_location}}</td>
                    </tr>
                    <tr>
                        <th>Distance</th>
                        <td>{{$booking->total_distance}} Miles</td>
                        <th>Duration</th>
                        <td>{{$booking->total_time}}</td>
                    </tr>
                    <tr>

                        @if ($booking->service_type == 2)
                        <th>No. of Hours</th>
                        <td>{{$booking->hours}} Hours</td>
                        @endif

                    </tr>
                    <tr>



                    </tr>

                    <td colspan="4" class="bg-success text-white">
                        <span class="fs-5">PAYMENT DETAIL</span>
                    </td>
                    <tr>
                        <th>Toll</th>
                        <td>${{$booking->toll}}</td>
                        <th>Tip</th>
                        <td id="tip">${{$booking->tip}}</td>

                    </tr>
                    <tr>
                        <th>Base Price</th>
                        <td id="base_price">${{$booking->base_price}} </td>
                        <th>Administrator</th>
                        <td id="administrator">${{$booking->administrator}}</td>
                    </tr>
                    <tr>


                        <th>Discount</th>
                        <td id="discount">$0</td>
                        @if($booking->bookingChannel->name == "Manual Entry")
                        <th>Estimated Total</th>
                        @else
                        <th>Grand Total</th>
                        @endif
                        <td>{{$booking->grand_total ?? 0}}</td>
                    </tr>
                    <tr>


                        <th>Send Quotation Total</th>


                        <td>
                            <form class="form-inline" method="post" action="{{route('admin.booking.updateprice')}}">
                                @csrf
                                <div class="form-group mx-sm-3 mb-2">
                                    <label for="name" class="sr-only">Price</label>
                                    <input type="text" name="price" id="grand_total" class="form-control"
                                        value="{{$booking->base_price}}">
                                </div>
                                <input type="hidden" name="booking_id" value="{{$booking->booking_id}}">
                                <!-- <input type="hidden" name="total" id="total" value="{{$booking->grand_total}}"> -->

                                <div class="form-group mx-sm-3 mb-2">
                                    <label for="email" class="sr-only">Description</label>
                                    <textarea class="form-control" name="description"
                                        placeholder="Write Message"></textarea>
                                </div>
                                <button type="submit" class="btn btn-primary mb-2">Submit</button>
                            </form>
                        </td>



                        <th>Discount</th>
                        <td>
                            <form class="form-inline" method="post" action="{{route('admin.booking.adddiscount')}}">
                                @csrf
                                <input type="hidden" name="booking_id" value="{{$booking->booking_id}}">
                                <div class="form-group mx-sm-3 mb-2">
                                    <label for="name" class="sr-only">Amount</label>
                                    <input type="text" name="discount_amount" class="form-control">
                                </div>



                                <button type="submit" class="btn btn-primary mb-2">Submit</button>
                        </td>

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>


@endsection
@section('scripts')
<script>
    function SetDicount()
    {
        $("#base_price").text('');
        $("#administrator").text('');
        $("#tip").text('');
        $("#discount").text('');
        var grand_total = $("#grand_total").val();
        var total = $("#total").val();
        var dicount = Math.round(total - grand_total);
        var tip = Math.round(0.20*grand_total);
        var toll =20;
        var administrator = Math.round(0.04*grand_total);
       
        var base_price = Math.round(grand_total-tip-toll-administrator);
       
        $("#form_discount").val(dicount);
        $("#discount").text(' $' +dicount);
        $("#tip").text(' $' +tip);
        $("#administrator").text(' $' +administrator);
        $("#base_price").text(' $' +base_price);
        
    }
</script>
@endsection