@extends('layouts.master')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
@endsection

@section('content')
<div class="main-panel">
    <div class="main-content">
        <div class="content-wrapper">
          <!-- Minimal statistics section start -->
          <section id="minimal-statistics">
            <div class="row">
              <div class="col-12 mt-3 mb-1">
                <div class="content-header">Sizes</div>
              </div>
            </div>
            @if (Session::has('success'))
                <div class="alert alert-success"> {{ Session::get('success') }} </div>
            @endif
              <div class="row">
                <div class="col-md-12">
                  

                  <div class="card">

                    <div style="padding: 10px; text-align: right;" class="pull-right">
                      <a href="{{ route('add_size') }}"><button type="button" class="btn btn-raised btn-warning btn-min-width">Add</button></a></div>
                    <br>

                    <div class="card-content collpase show">
                      <div class="card-body card-dashboard table-responsive">
                        <table class="table table-striped table-bordered sourced-data">
                          <thead>
                            <tr>
                              <th>S.No</th>
                              <th>Vehicle Type</th>
                              <th>Vehicle Sizes</th>
                              <th>Commision</th>
                              <th>Actions</th>
                            </tr>
                          </thead>

                          <tbody>
                              @foreach ($sizes as $size)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $size->vehicleType->name }}</td>
                                <td>{{ $size->name }}</td>
                                <td>{{ $size->commission }}</td>
                                <td>
                                    {{-- <button type="button" class="btn btn-raised btn-success btn-min-width">Delete</button> --}}
                                <button type="button" class="btn btn-raised btn-warning btn-min-width"><a href="{{ route('edit_size', $size) }}">Edit</a></button>
                                </td>
                            </tr>
                              @endforeach
                          </tbody>

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


                  <div class="backbutton mt-5"><a href="{{ route('list_lorries') }}">  
                    <button type="button" class="btn btn-raised btn-primary btn-min-width mr-1 mb-1">Back</button></a>
                  </div>


                </div>
              </div>
          </section>
          <!-- // Minimal statistics section end -->

        </div>
      </div>

      <!-- END : End Main Content-->

      @include('partials.footer')

    </div>
@endsection

@section('scripts')
<script src="{{ asset('app-assets/vendors/js/datatable/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('app-assets/js/data-tables/datatables-sources.js') }}" type="text/javascript"></script>
@endsection