@extends('layout.base')

@section('content')
<h1></h1>

<h3><b>Invoice</b></h3>
<div class="container">
  <div class="row">
    <div class="col-md-2">
    </div>
    <div class="col-md-10">
      <!-- Right-side content goes here -->
      <div class="search-container">
        <form action="{{ route('welcome') }}" method="GET">
          <div class="form-row">
            <div class="col">
              <input type="text" name="search" class="form-control" placeholder="Name/Phone/Location" value="{{ request('search') }}">
            </div>
            <div class="col">
              <input type="date" name="start_date" class="form-control" placeholder="Start Date" value="{{ request('start_date') }}">
            </div>
            <div class="col">
              <select class="form-control custom-select" name="room_no" id="roomSelect">
                <option value="">All</option>
                @foreach($rooms as $room)
                <option value="{{ $room->id }}" @if(request('room_no')==$room->id) selected @endif>{{ $room->name }}</option>
                @endforeach
              </select>
            </div>
            <div class="col">
              <select class="form-control custom-select" name="payment_type" id="paymentSelect">
                <option value="">All</option>
                <option value="cash" @if(request('payment_type')=='cash' ) selected @endif>Cash</option>
                <option value="bank" @if(request('payment_type')=='bank' ) selected @endif>Bank</option>
              </select>
            </div>
            <div class="col">
              <button type="submit" class="btn btn-primary">Search</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<table class="table table-hover">
  <thead>
    <tr>
      <th>Check In</th>
      <th>Check Out</th>
      <th>Name</th>
      <th>Phone</th>
      <th>location</th>
      <th># Rooms</th>
      <th>Accommodation</th>
      <!-- <th>Created Date</th> -->
      <th>Invoice</th>
      <!-- <th>Print</th> -->
      <th>Share On WhatsApp</th>
  </thead>
  <tbody>
    @if (!empty($bookings) && $bookings->count() > 0)
    @foreach($bookings as $booking)
    <!-- <tr @if ($booking->isNow())
      class="booking__now @if ($booking->color()['luma'] > 180.0) reversed @endif"
      style="background-color: {{$booking->color()['color'] }}"
       @endif> -->
    <tr @if ($booking->isNow())
      class="booking__now"
      @endif>
      <td>{{ $booking->arrival->format('d/m/Y h:i') }}</td>
      <td>{{ $booking->departure->format('d/m/Y h:i') }}</td>
      <td>
        <a href="{{ route('planning', ['date' => $booking->arrival->toDateString()]) }}">
          {{ $booking->customer->fullname }}
        </a>
      </td>
      <td>{{ $booking->customer->phone }}</td>
      <td>{{ $booking->customer->city }}</td>
      <td>{{ $booking->guests }}</td>
      <td>
        @if (!empty($booking->rooms) && isset($booking->rooms[0]))
        {{ $booking->rooms[0]->name }}

        @if (isset($booking->rooms[0]->properties->options['part']) && $booking->rooms[0]->properties->options['part'] != -1)
        &mdash; kamer {{ $booking->rooms[0]->properties->options['part']+1 }}
        @endif

        @else
        <!-- Handle the case when rooms or properties are not defined -->
        No room information available
        @endif
      </td>
      <!-- <td>{{ $booking->created_at->format('d/m/Y') }}</td> -->
      <!-- <td>
        <a href="{{ route('generatePDF', $booking->id) }}"> <i class="fas fa-print"></i></a>
      </td> -->
      <td style="text-align: center;">
        <a href="{{ route('viewPDF', $booking->id) }}" target="_blank"> <span style="color: red;"><i class="fas fa-file-pdf"></i></span></a>
      </td>
      <td style="text-align: center;">
        <!-- <a href="{{ route('viewPDF', $booking->id) }}"  target="_blank"> <i class="fas fa-file-pdf"></i></a> -->
        <!-- <a href="https://api.whatsapp.com/send?text=hii" target="_blank">Share on WhatsApp</a> -->
        <!-- <a href="https://web.whatsapp.com/?text=Check out this PDF: {{ route('generatePDF', $booking->id) }}" target="_blank">Share on WhatsApp</a> -->
        <a href="https://web.whatsapp.com/send?phone={{ $booking->customer->phone }}&text={{ route('viewPDF', $booking->id) }}" target="_blank"><img src="{{ asset('img/icons8-whatsapp.svg') }}"  width="15%"></a>

        <!-- <a href="https://web.whatsapp.com/send?phone={{ $booking->customer->phone }}&text=https://bit.ly/shorturl" target="_blank">Share on WhatsApp</a> -->



        <!-- <a href="https://web.whatsapp.com/send?phone={{ $booking->customer->phone }}&text=Check%20out%20this%20cool%20PDF%20file" data-action="share/whatsapp/share" onclick="sendPDF()" target="_blank">Share on WhatsApp</a> -->
      </td>

    </tr>
    @endforeach
    @endif
  </tbody>
</table>
{{ $bookings->appends(request()->query())->links() }}
@endsection

<style>
  .custom-red-icon {
    color: #FFCCCB;
  }

  .custom-red-icon:hover {
    color: red;
    /* Change the color to blue on hover */
  }
</style>