@extends('layout')

@section('content')
<main class="login-form">
  <div class="cotainer">
    <div class="row justify-content-center">
      <div class="col-md-8">

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

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

      <div class="card">
        <div class="card-header">Customer Files</div>
        <div class="card-body">

                      <form action="{{ url('customerFilesList') }}" method="get">
             
              <div class="form-group row">
                <select id="route" name="route_id" class="form-control">
                  <option value="" selected disabled>Select Route</option>
                  @foreach($routes as $key => $route)
                  <option value="{{$key}}"> {{$route}}</option>
                  @endforeach
                </select>
                @error('route_id')
                  <span class="text-danger">{{ $message }}</span>
                @enderror
              </div>

              
               @csrf
              

              <div class="row">
                <button type="submit" class="btn btn-primary">
                  Check
                </button>
              </div>
            </form>

        <div class="form-group row">
              <table class="table table-bordered table-responsive-lg">
                <tr>
                  <th>Sl No</th>
                  <th>Route Name</th>
                  <th>Customer Name</th>
                  <th>Files</th>
                </tr>

                @if(!empty($data))
                @foreach ($data as $key=>$file)
                
                <tr>
                    <td>{{ $key+1 }}</td>
                    <td>{{ $file->route_name }}</td>
                    <td>{{ $file->customer_name }}</td>
                    <td><img src="{{ $file->file_name }}" style="width:200px; height: 150px;" ></td>
                    <td>{{ $file->file_type }}</td>
                </tr>
                
                
                @endforeach
                @endif
              </table>
            </div>

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


</div>
</main>
@endsection

@section('script')

@endsection