@extends('layouts/layoutMaster')

@section('title', 'Vehicle trim')

<!-- Vendor Styles -->
@section('vendor-style')
@vite([
  'resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
  'resources/assets/vendor/libs/select2/select2.scss',
  'resources/assets/vendor/libs/@form-validation/form-validation.scss',
  'resources/assets/vendor/libs/animate-css/animate.scss',
  'resources/assets/vendor/libs/sweetalert2/sweetalert2.scss'
])
@endsection

<!-- Vendor Scripts -->
@section('vendor-script')
@vite([
  'resources/assets/vendor/libs/moment/moment.js',
  'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
  'resources/assets/vendor/libs/select2/select2.js',
  'resources/assets/vendor/libs/@form-validation/popular.js',
  'resources/assets/vendor/libs/@form-validation/bootstrap5.js',
  'resources/assets/vendor/libs/@form-validation/auto-focus.js',
  'resources/assets/vendor/libs/cleavejs/cleave.js',
  'resources/assets/vendor/libs/cleavejs/cleave-phone.js',
  'resources/assets/vendor/libs/sweetalert2/sweetalert2.js'
])
@endsection

<!-- Page Scripts -->
@section('page-script')
@vite(['resources/js/vehicle_trim.js'])
@endsection

@section('content')
<!-- Users List Table -->
<div class="card">
  <div class="card-datatable table-responsive">
  @if (Permit::isPermit(Route::current()->uri(),'delete'))
  <div style="text-align: right; padding: 10px; display: none;" id="approve-section"> 
    <div class="float-right mr-2 ml-2">
        <span id="selected-count"></span>
        <button class="btn btn-danger mr-2 ml-2" id="btn-approve">Delete</button>
    </div>
  </div>
  @endif
  <form action="" id="delete-form" method="POST">
      @csrf
      @method('DELETE')
  </form>
    <table class="datatables-users table" id="vehicle-trim-table">
      <thead class="border-top">
        <tr>
          <th style="width: 15%;"><input id="check_all" type="checkbox" value="-1"> Select</th>
          <th style="width: 10%;">{{__('vt#')}}</th>
          <th style="width: 10%;">{{__('Manufacturer')}}</th>
          <th style="width: 10%;">{{__('Model Name')}}</th>
          <th style="width: 10%;">{{__('Year')}}</th>
          <th style="width: 10%;">{{__('Trim')}}</th>
          <th style="width: 10%;">{{__('Vin-Linked')}}</th>
          <th style="width: 10%;">{{__('Specs-Linked')}}</th>
          <th style="width: 5%;">{{__('FaceLift')}}</th>
          <th style="width: 5%;">{{__('NewModel')}}</th>
          <th style="width: 5%;">{{__('Market Demand')}}</th>
          <th style="width: 10%;">{{__('Specs-Linked-Count')}}</th>
          <th style="width: 10%;">{{__('Safety-Linked-Count')}}</th>
          <th style="width: 10%;">{{__('Date')}}</th>
          <th style="width: 10%;">{{__('CreatedBy')}}</th>
          <th style="width: 10%;">{{__('LastSavedBy')}}</th>
          <th style="width: 10%;">{{__('LastUpdateDate')}}</th>
          <th class="d-none d-sm-table-cell">{{__('Actions')}}</th>
        </tr>
      </thead>
    </table>
  </div>
</div>
@endsection