@extends('Public_site.layouts.app')
@extends('Public_site.layouts.header')
@extends('Public_site.layouts.banner')

@section('titleh2','Talento Connect')
@section('titleh3','Job Partners')
@section('content')
<div id="content">

        <!--content part-->
      
        <div class="content-kud">
           
    <!-- Your form fields go here -->
 
                <!--list of courses-->
                <div class="mt-5">
                    <!--Submit Button-->
                    <div class="text-end mb-3">
                   
</div>  @if ($errors->any())
    <div class="alert alert-danger" id="errorMessage">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
       
<div id="error_limit" style="color: red;"></div>      
        
<table id="customTable"class="table-tbox col-12 mt-2 mr-2" style="margin-bottom: 15px !important;">
    <thead     style="border-radius: 6px !important;
    opacity: 0.75 !important;
    background: var(--purple) !important;
    color: white !important;"
>
        <tr>
            <th>Sl.No</th>
            <th>Name of Employer</th>
            <td>District</td>
            <th>View More Details</th>
        </tr>
    </thead>
    <tbody style="
    border-radius: 6px;
    background: var(--white-color);
    opacity: 1;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 8px 8px 0px rgba(0, 0, 0, 0.09), 0px 18px 11px 0px rgba(0, 0, 0, 0.05), 0px 31px 12px 0px rgba(0, 0, 0, 0.01), 0px 49px 14px 0px rgba(0, 0, 0, 0.00);
">
    @if($data['useres']) 
            @foreach($data['useres'] as $usereslist)
                <tr style="
    border-radius: 6px;
    background: var(--white-color);
    opacity: 1;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 8px 8px 0px rgba(0, 0, 0, 0.09), 0px 18px 11px 0px rgba(0, 0, 0, 0.05), 0px 31px 12px 0px rgba(0, 0, 0, 0.01), 0px 49px 14px 0px rgba(0, 0, 0, 0.00);
">
                    <td>{{ $loop->iteration }}</td>
                    <td>{!! $usereslist->name !!}</td>
                    <td>{{ $usereslist->District->name }}</td>
                    @php
                     $empID = $usereslist->id;
                    @endphp
                    
                    <td><a href="{{ route('EmployerDetails', ['empId' => base64_encode($empID)]) }}" >Click Here</a></td>
                    
                </tr>
            @endforeach
        @else
            <tr>
            <td colspan="4">No employer list is available.</td>
            </tr>
        @endif
    </tbody>
</table>
    <input type="hidden" id="masterIds" name="arrayValue">



                </div>
                <!--list of courses-->
                

            </div>
        </div>
        <!--content part-->
    
     
   
       

    </div>
    <style>.dataTables_length{
        margin-bottom: 15px !important;
}
  
  @media screen and (max-width: 640px){
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left !important;
}
  }
  
  </style>
        <script>
      $(document).ready(function () {
       $('#customTable').DataTable();
   

         
        });
    </script>

    </div>
@endsection