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

@section('titleh2', 'Talento Connect')
@section('titleh3', 'Program Implementation Agencies List')
@section('content')
<div id="content">

        <!--content part-->
      
        <div class="content-kud">
          
                <!--list of courses-->
                <div class="mt-5">
                    <!--Submit Button-->
                    <div class="text-end mb-3">
                        
   
                    <!--<button class="btn btn-primary" id="submitButton"  type="submit">Submit</button>
-->  <!--Submit Button-->
</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 PIA</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(isset($data['pia']) && count($data['pia']) > 0) 
            @foreach($data['pia'] as $pialist)
                <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>{!! $pialist->agency_name !!}</td>
                    <td>{{ $pialist->District->name }}  {{$pialist->id}}</td>
                    @php
                     $piaID = $pialist->id;
                    @endphp
                    
                    <td><a href="{{ route('piaDetails', ['piaId' => base64_encode($piaID)]) }}" >Click Here</a></td>
                    
                </tr>
            @endforeach
        @else
            <tr>
                <td colspan="4">No courses 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