@extends('testcenter.layout.master')

@section('content')
<div class="app-content  my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item" ><a href="{{route('testcenter.booking.list')}}">Booking Management</a></li>
              <li class="breadcrumb-item active" aria-current="page">Booking Details</li>
            </ol>
          </div>
            <h1>Booking Details</h1>
            <!-- Table -->
            <div class="card">
              <div class="card-header pt-5">
                <h3>Client Details</h3>
              </div>
              <div class="card-body pt-3">
                <div class="details-box mb-7">
                  <div class="row">
                    <div class="col-lg-6">
                      <ul class="details-list">
                        <li>
                          <label>Name</label>
                          <span>{{$booking->client_name}}</span>
                        </li>
                        <li>
                          <label>Email</label>
                          <span>{{$booking->email}}</span>
                        </li>
                        <li>
                          <label>Phone</label>
                          <span>{{$booking->phone}}</span>
                        </li>
                        <li>
                          <label>{{$booking->info1}}</label>
                          <span>{{$booking->info_value1}}</span>
                        </li>
                        <li>
                          <label>{{$booking->info2}}</label>
                          <span>{{$booking->info_value2}}</span>
                        </li>
                        <li>
                          <label>{{$booking->info3}}</label>
                          <span>{{$booking->info_value3}}</span>
                        </li>
						<li>
                          <label>{{$booking->info4}}</label>
                          <span>{{$booking->info_value4}}</span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>

              <div class="card-header pt-5">
                <h3>Service Details</h3>
              </div>
              <div class="card-body pt-3">
                <div class="details-box mb-7">
                  <div class="row">
                    <div class="col-lg-6">
                      <ul class="details-list">
                        <li>
                          <label>Name</label>
                          <span>{{$booking->service_name}}</span>
                        </li>
                        <li>
                          <label>Description</label>
                          <span>{{$booking->description}}</span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>

              <div class="card-header pt-5">
                <h3>Booking Details</h3>
              </div>
              <div class="card-body pt-3">
                <div class="details-box mb-7">
                  <div class="row">
                    <div class="col-lg-6">
                      <ul class="details-list">
                        <li>
                          <label>Invoice Number</label>
                          <span># {{$booking->invoice_number}}</span>
                        </li>
                        <li>
                          <label>Invoice Date & Time</label>
                          <span>{{date('d-m-Y H:i:s',strtotime($booking->invoice_datetime))}}</span>
                        </li>
                        <li>
                          <label>Amount</label>
                          <span>{{$booking->amount}} {{$booking->currency}}</span>
                        </li>
                        <li>
                          <label>Deposit</label>
                          <span>{{$booking->deposit}} {{$booking->currency}}</span>
                        </li>
                        <li>
                          <label>Tax</label>
                          <span>{{$booking->tax_amount}} {{$booking->currency}}</span>
                        </li>
                        <li>
                          <label>Payment Process</label>
                          <span>{{$booking->invoice_payment_processor}}</span>
                        </li>
                        <li>
                          <label>Payment Status</label>
                          <span>@if($booking->invoice_payment_received == 0){{'Pending'}}@else{{'Paid'}}@endif</span>
                        </li>
                        <li>
                          <label>Payment Date & Time</label>
                          <span>@if($booking->payment_datetime){{date('d-m-Y H:i:s',strtotime($booking->payment_datetime))}}@else{{'NA'}}@endif</span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>

              <div class="card-header pt-5">
                <h3>Test Details</h3>
              </div>
              <div class="card-body pt-3">
                <div class="details-box mb-7">
                  <div class="row">
                    <div class="col-lg-6">
                      <ul class="details-list">
                        <li>
                          <label>Status</label>
                          <span>@if($booking->test_status == 1){{'Positive'}}
                          @elseif($booking->test_status == 2){{'Negative'}}
                          @else{!!'
                          <select name="test_status" class="form-control col-md-3 test_status">
                            <option value="">Select Status</option>
                            <option value="1">Positive</option>
                            <option value="2">Negative</option>
                          </select>
                          '!!}
                          @endif </span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="card-body">
                <div class="">
               <div class="test-footer">
                  <a href="{{route('testcenter.booking.list')}}" class="btn btn-outline-primary btn-pill btn-streach font-medium  mt-6 fs-14"> Back </a>
                  @if($booking->test_status == 0)
                    <a href="javascript:void(0)" class="btn btn-primary btn-streach font-book mt-6 fs-14 update_status" data-id="{{$bookingId}}">Update Status</a>
                  @else
                    <a target="_blank" href="{{route('testcenter.booking.pdf', $bookingId)}}" class="btn btn-primary btn-streach font-book mt-6 fs-14" >Show PDF</a>
                  @endif
                </div>
              </div>
            <!--// MAIN BODY CONTENT -->
    </div>
  </div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/booking.js?v='.time())}}"></script>
@endsection