@extends('layouts.app')
@section('content')

<div class="page-wrapper">
  <div class="container-fluid">
  <br>
<h3 class="text-themecolor">
  {{ $dispatcher->first_name }} {{ $dispatcher->last_name }} - {{ $dispatcher->firma_adi }} Sürücüye Ait İşler
</h3>

<hr>

    <div class="card">
      <div class="card-body">
        <table class="table table-bordered">
          <thead>
            <tr>
              <th>ID</th>
              <th>Müşteri</th>
              <th>Mevcut Sürücü</th>
              <th>Durum</th>
              <th>Oluşturulma</th>
              <th>İşlemler</th>
            </tr>
          </thead>
          <tbody>
            @foreach($rides as $ride)
            <tr>
              <td>{{ $ride->id }}</td>
              <td>{{ $ride->userPrenom }} {{ $ride->userNom }}</td>
              <td>{{ $ride->driverPrenom }} {{ $ride->driverNom }}</td>
 <td>
                              @if($ride->statut=="completed")
                              <span class="badge badge-success">{{'Tamamlandı'}}</span>
                                @elseif($ride->statut == "confirmed")
                                <span class="badge badge-primary" style="     animation: blink 1s infinite;">{{'Onaylandı'}}</span>     @elseif($ride->statut == "OnCrimeScene")
                                <span class="badge badge-info" style="     animation: blink 1s infinite;">{{'Olay Yerinde'}}</span>@elseif($ride->statut == "on ride")
                                <span class="badge badge-info" style="     animation: blink 1s infinite;">{{'Olay Yerine Gidiyor'}}</span>@elseif($ride->statut == "OnDelivery")
                                <span class="badge badge-warning" style="     animation: blink 1s infinite;">{{'Teslimat Noktasına Gidiyor'}}</span>
								@elseif($ride->statut == "OnDelivery")
                                <span class="badge badge-warning" style="     animation: blink 1s infinite;">{{'Teslimat Noktasına Gidiyor'}}</span>
                                  @elseif($ride->statut == "new")
                                  <span class="badge badge-primary" style="     animation: blink 1s infinite;">{{'Yeni'}}</span>
                                    @elseif($ride->statut=="rejected")
                                    <span class="badge badge-danger">{{'Reddedildi'}}</span>@elseif($ride->statut=="canceled")
                                    <span class="badge badge-danger">{{'İptal Edildi'}}</span>
                                      @elseif($ride->statut=="driver_rejected")
                                      <span class="badge badge-danger">{{trans("lang.driver_rejected")}}</span>        
                                        @else
                                        <span class="badge badge-warning">{{ $ride->statut }}<span>
                                          @endif
                                        </td>              <td>{{ $ride->creer }}</td>
              <td>
               <!-- <button class="btn btn-info btn-sm" data-toggle="modal" data-target="#detailModal"
                        data-ride-id="{{ $ride->id }}">
                  <i class="fa fa-eye"></i> Detay
                </button>--> 
				<a href="/ride/show/{{ $ride->id }}" class="btn btn-info btn-sm">Detay </a>
                <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#redirectModal"
                        data-ride-id="{{ $ride->id }}">
                  <i class="fa fa-exchange"></i> Yönlendir
                </button>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
        {{ $rides->links('pagination.bootstrap') }}
      </div>
    </div>

   
  </div>
</div>

<!-- İş Detay Modal -->
<div class="modal fade" id="detailModal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">İş Detayları</h5>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body" id="rideDetailsContent">
        <p>Yükleniyor...</p>
      </div>
    </div>
  </div>
</div>

<!-- Yönlendirme Modal -->
<div class="modal fade" id="redirectModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <form id="redirectForm">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">İşi Başka Sürücüye Yönlendir</h5>
        </div>
        <div class="modal-body">
          <input type="hidden" id="ride_id" name="ride_id">
          <div class="form-group">
            <label>Yeni Sürücü Seçin</label>
            <select id="new_driver_id" name="new_driver_id" class="form-control">
              @foreach($drivers as $driver)
              <option value="{{ $driver->id }}">{{ $driver->prenom }} {{ $driver->nom }}</option>
              @endforeach
            </select>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>
          <button type="submit" class="btn btn-success">Yönlendir</button>
        </div>
      </div>
    </form>
  </div>
</div>
 
@endsection

@section('styles')
@endsection

@section('scripts')
<script>

// Sürücü konumlarını işaretleme
let rides = @json($rides);


// İş Detay Modal
$('#detailModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget);
    var rideId = button.data('ride-id');
    $('#rideDetailsContent').html('<p>Yükleniyor...</p>');

    $.get('/ride/show/' + rideId, function(data){
        $('#rideDetailsContent').html(data);
    });
});

// İş yönlendirme
$('#redirectModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget)
    var rideId = button.data('ride-id')
    $('#ride_id').val(rideId)
});

$('#redirectForm').on('submit', function(e){
    e.preventDefault();
    $.ajax({
        url: "{{ route('rides.redirect') }}",
        method: "POST",
        data: $(this).serialize(),
        headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'},
        success: function(res){
            if(res.success){
                alert(res.message);
                location.reload();
            } else {
                alert("Hata: " + res.message);
            }
        }
    });
});







</script>
@endsection