@extends('backend.layout.app')
@section('title','All Dealer')
@push('css')
      <!-- DataTables -->
  <link rel="stylesheet" href="{{asset('public/assets/backend/plugins/datatables-bs4/css/dataTables.bootstrap4.css')}}">
@endpush
@section('main_menu','HOME')
@section('active_menu','All Dealer')
@section('link',route('admin.adminDashboard'))
@section('content')

<div class="card">
            <div class="card-header">
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Id</th>
                  <th>Name</th>
                  <th>Phone</th>
                  <th>Email</th>
                  <th>Nid</th>
                  <th>Address</th>
                  <th>Area</th>
                  <th>Company Name</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
@foreach($dealer as  $key=>$data)
                <tr>
                    <td>{{$key+1}}</td>
                    <td>{{$data->name}}</td>
                    <td>{{$data->phone}}</td>
                    <td>{{$data->email}}</td>
                    <td>{{$data->nid}}</td>
                    <td>{{$data->par_add}}</td>
                    <td>{{$data->area}}</td>
                    <td>{{$data->company_name}}</td>
                    <td>
                        <a href="{{route('admin.dealers_delete',$data->id)}}" class="btn btn-sm btn-danger">Delete</a>
                    </td>
                </tr>

@endforeach
                </tbody>
                <tfoot>
                <tr>
                  <th>Id</th>
                  <th>Name</th>
                  <th>Phone</th>
                  <th>Email</th>
                  <th>Nid</th>
                  <th>Address</th>
                  <th>Area</th>
                  <th>Company Name</th>
                  <th>Action</th>
                </tr>
                </tfoot>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->




@endsection
@push('js')
    <!-- DataTables -->
<script src="{{asset('public/assets/backend/plugins/datatables/jquery.dataTables.js')}}"></script>
 <script src="{{asset('public/assets/backend/plugins/datatables-bs4/js/dataTables.bootstrap4.js')}}"></script>
    <script>
  $(function () {
    $("#example1").DataTable();
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
    });
  });
</script>

@endpush