@extends('admin.includes.app')
@push('page_external_css')
@section('content')

      <div class="row">
         <div class="col">
          <div class="card">
            <div class="card-body primary_background">
                  <div class="d-flex justify-content-center">
                   <h5 class="card-title">Working Boy List</h5>
                  </div>
            </div>
          </div>
         </div>
      </div>
      
      <div class="row">
        <div class="col">
          <div class="card">
            <div class="card-body">
              <table class="table">
                <thead>
                  <tr>
                    <th scope="col">Id</th>
                    <th scope="col">IMEI Number</th>
                    <th scope="col">Name</th>
                    <th scope="col">Vendor Name</th>
                    <th scope="col">Reg. Date</th>
                    <th scope="col">Action</th>
                   
                  </tr>
                </thead>
                <tbody>
                    @foreach($user_list as $key_job =>$user_data)
                        <tr>
                            <th scope="row">{{$user_data->id}}</th>
                            <td>{{$user_data->user_name}}</td> 
                            <td>{{$user_data->name}}</td> 
                            <td>@if(isset($user_data->vendor->user_name) && $user_data->vendor->user_name!=''){{$user_data->vendor->user_name}}@endif</td> 
                            <td>{{Carbon\Carbon::parse($user_data->created_at)->format('d-m-Y')}}</td>
                            <td><a href="{{ route('admin.working-boy-deleted',[$user_data->id]) }}" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure want to delete this?');">Deleted</a></td>
                        </tr>
                  @endforeach
                 
                </tbody>
              </table>
            </div>


                 <div class="d-flex">
                {!! $user_list->links() !!}
            </div>
          </div>
        </div>
      </div>


@endsection