@php
    $bookings = App\Models\Booking::where(['status' => 'pending', 'reminder' => 1])->orderBy('id', 'desc')->get();
    $finishedBookings = App\Models\Booking::with('partner')->where(['status' => 'finished', 'payment_reminder' => 1])->orderBy('id', 'desc')->get();
@endphp

<style>
    .reminder-content {
        background-color: #f8f9fa;
        border-left: 5px solid #007bff;
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 15px;
        font-size: 1.2em; /* Larger text */
    }
  
    .payment-reminder-content {
        background-color: #f8d7da;
        border-left: 5px solid #dc3545;
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 15px;
        font-size: 1.2em; /* Larger text */
    }
  
    .modal-title {
        color: #007bff;
    }
  
    .btn-primary {
        background-color: #007bff;
        border-color: #007bff;
    }
  
    .btn-primary:hover {
        background-color: #0056b3;
        border-color: #0056b3;
    }
  
    .btn-secondary {
        background-color: #6c757d;
        border-color: #6c757d;
    }
  
    .btn-secondary:hover {
        background-color: #5a6268;
        border-color: #545b62;
    }
</style>

<footer class="main-footer">
  @if($bookings->isNotEmpty())
    @foreach($bookings as $booking)
      <div class="modal fade" id="bookingModal{{$booking->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
          aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered" role="document">
              <div class="modal-content">
                  <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalCenterTitle">{{ __('messages.reminder_upcoming_booking') }}</h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                      </button>
                  </div>
                  <div class="modal-body">
                      <div class="reminder-content">
                          <p><strong>{{ __('messages.booking_date') }}:</strong> {{$booking->created_at->format('d-m-Y h:i')}}</p>
                          <p><strong>{{ __('messages.travel_date') }}:</strong> {{$booking->travel_date}}</p>
                          <p><strong>{{ __('messages.travel_time') }}:</strong> {{$booking->travel_time}}</p>
                          <p><strong>{{ __('messages.passenger_name') }}:</strong> {{$booking->passenger_name}}</p>
                          <p><strong>{{ __('messages.passenger_phone') }}:</strong> {{$booking->passenger_phone}}</p>
                          <p><strong>{{ __('messages.location') }}:</strong> {{$booking->pickup_location.' - '.$booking->dropoff_location}}</p>
                      </div>
                  </div>
                  <div class="modal-footer bg-whitesmoke br">
                      <button type="button" class="btn btn-primary" onclick="confirmReminder({{$booking->id}}, 'update_reminder')">{{ __('messages.ok') }}</button>
                      <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('messages.close') }}</button>
                  </div>
              </div>
          </div>
      </div>
    @endforeach
  @endif

  @if($finishedBookings->isNotEmpty())
    @foreach($finishedBookings as $booking)
      <div class="modal fade" id="paymentModal{{$booking->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
          aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered" role="document">
              <div class="modal-content">
                  <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalCenterTitle" style="color: #dc3545;">{{ __('messages.reminder_payment_due') }}</h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                      </button>
                  </div>
                  <div class="modal-body">
                      <div class="payment-reminder-content">
                          <p><strong>{{ __('messages.partner') }}:</strong> {{$booking->partner? $booking->partner->company: __('messages.no_partner') }}</p>
                          <p><strong>{{ __('messages.booking_date') }}:</strong> {{$booking->created_at->format('d-m-Y h:i')}}</p>
                          <p><strong>{{ __('messages.travel_date') }}:</strong> {{$booking->travel_date}}</p>
                          <p><strong>{{ __('messages.payment') }}:</strong> {{$booking->debit}}</p>
                          <p><strong>{{ __('messages.passenger_name') }}:</strong> {{$booking->passenger_name}}</p>
                          <p><strong>{{ __('messages.passenger_phone') }}:</strong> {{$booking->passenger_phone}}</p>
                          <p><strong>{{ __('messages.location') }}:</strong> {{$booking->pickup_location.' - '.$booking->dropoff_location}}</p>
                      </div>
                  </div>
                  <div class="modal-footer bg-whitesmoke br">
                      <button type="button" class="btn btn-primary" onclick="confirmReminder({{$booking->id}}, 'update_payment_reminder')">{{ __('messages.ok') }}</button>
                      <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('messages.close') }}</button>
                  </div>
              </div>
          </div>
      </div>
    @endforeach
  @endif

  <div class="footer-left">
      &copy; 2024 <div class="bullet"></div> {{ __('messages.design_by') }} <a href="#">Atom Soft Solutions</a>
  </div>
  <div class="footer-right">
  </div>
</footer>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    $(document).ready(function() {
        @if($bookings->isNotEmpty())
            @foreach($bookings as $booking)
                $('#bookingModal{{$booking->id}}').modal('show');
            @endforeach
        @endif

        @if($finishedBookings->isNotEmpty())
            @foreach($finishedBookings as $booking)
                $('#paymentModal{{$booking->id}}').modal('show');
            @endforeach
        @endif
    });

    function confirmReminder(bookingId, routeType) {
        if (confirm('{{ __('messages.confirmation_message') }}')) {
            $.ajax({
                url: '/bookings/' + bookingId + '/' + routeType,
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    if (response.status) {
                        $('#bookingModal' + bookingId).modal('hide');
                        $('#paymentModal' + bookingId).modal('hide');
                        alert('{{ __('messages.reminder_updated_success') }}');
                    } else {
                        alert('{{ __('messages.reminder_update_fail') }}');
                    }
                },
                error: function(response) {
                    alert('Error: ' + response.responseJSON.error);
                }
            });
        }
    }
</script>