@extends('layouts.master')

@section('content')
<section class="content-header"  >
      <h1>
      Vehicles Show  
     <small>عرض السيارات</small>
      </h1>
      
    </section>
    <br/>
    <a href="{{ url('/vehicle/create') }}"  class="btn btn-success">Create New Vehicle </a><br/><br/>
<div class="box" >
            <div class="box-header">
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1"  class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th style="text-align:center;vertical-align: middle;"> Vehicle num - رقم لسيارة  </th>
                  <th style="text-align:center;vertical-align: middle;"> Vriving License - رخصة السيارة   </th>
                 
        				  <th style="text-align:center;vertical-align: middle;"> Actions  </th>
                </tr>
                </thead>
                <tbody>
                 @foreach( $vehicles as $vehicle )   
                
                 
                
                 <tr>
                  
                  <td style="text-align:center; width:50px;word-break: break-word;" >  {{$vehicle->vehicle_num}} </td>
                  <td style="text-align:center; width:50px;word-break: break-word;">{{$vehicle->driving_license}} </td>
                  <td style="text-align:center; width:50px;word-break: break-word;" > 
                  <a   href='{{url("/vehicle/edit/$vehicle->id")}}'  > <i class="fa fa-edit" style="font-size:18px"></i>  </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <a   href='{{url("/vehicle/delete/$vehicle->id")}}' onclick="return confirm('Are you sure you want to delete this item?');" > <i class="fa fa-trash" style="font-size:18px; color:red"></i>  </a>

                </td>
                </tr>
                @endforeach
                </tbody>
                
              </table>
            </div>
            <!-- /.box-body -->
          </div>

@endsection
