@extends('layouts.app')

@section('title', ' - Rate')

@section('content')
 <div class="container">
  <div class="row justify-content-center">
   <div class="col-md-8">

    @if (session('info'))
     <div class="alert alert-info">
      {{session('info')}}
     </div>
    @endif

    <a href="{{url('/rates/add')}}" class="btn btn-primary mb-2">Add Rate</a>

    {{ $rates->links() }}

    <div class="table-responsive">
     <table class="table table-bordered table-striped">
       <thead class="table-primary">
        
        <tr align="center">
         <td>Sr</td>
         <td>Basic Rate</td>
         <td>Buying Rate</td>
         <td>Action</td>
        </tr>
       </thead>
       <tbody class="table-group-divider">
        
         @foreach ($rates as $rate)
          <tr>
           <td align="center">{{ $i }}</td>
           <td align="center">{{ $rate->basicrate }}</td>
           <td align="center">{{ $rate->buyingrate }}</td>
           
           <td align="center">
            <a href="{{ url("/rates/edit/$rate->id")}}" class="btn btn-primary btn-sm">Edit</a>

            <a href="" type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#delModald{{$rate->id}}">Delete</a> 

           </td>
          </tr>
          @php
          $i++
          @endphp
         @endforeach
          
       </tbody>
       <tfoot class="table-group-divider">
         <tr class="table-info">
          <td colspan="6">{{ $rates->links() }}</td>
        </tr>
       </tfoot>
     </table>
    </div>

   </div>
  </div> 
 </div>

 {{--    ====================== Modal  Delete =====================    --}}
    @foreach($rates as $rate)
        <div class="modal fade" id="delModald{{$rate->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title text-warning" id="delModalLabel">Warning!</h5>
                    </div>

                    <div class="modal-body">

                        <form method="post" action="{{url("/rates/delete/$rate->id")}}">
                            @csrf
                            <h4 class="text-danger" align="center"> Are you sure to delete this record. </h4>
                            
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-danger">Delete</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
        @endforeach
  {{--    ====================== Modal  Delete =====================--}}
@endsection