@extends('layouts.LayoutMaster')

@section('content')
<div class="container">
    <div class="card">
  
      <div class="card-header d-flex justify-content-between">
        <p class="lead m-0">List des villes de : <b>{{$zone->name}}</b></p>

        {{-- <a href="{{url()->previous()}}" class="btn btn-primary waves-effect waves-light">Retour</a> --}}
      </div>
  
      <div class="card-body">
  
        <div class="table-responsive text-nowrap">
          <table class="table table-bordered">
  
            <thead>
              <tr>
                <x-table.header :headers=" ['name','delivered_fees','refused_fees']" />
              </tr>
            </thead>
  
            <tbody>
  
              @forelse ($cities as $city)
              <tr>
                <td>{{$city->id}}</td>
  
                <td>{{$city->name}}</td>
  
                <td>{{$city->delivered_fees}} DH</td>
  
                <td>{{$city->refused_fees ?? 0.0 }} DH</td>
              </tr>
  
              @empty
              <td>No record</td>
              @endforelse
  
            </tbody>
          </table>
  
        </div>
      </div>
    </div>
  </div>
@endsection