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


      <!--banner-->
      <div class="banner-kud">
      <div class="container">
        <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
          <div class="carousel-indicators">
            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
              aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
              aria-label="Slide 2"></button>
         <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
              aria-label="Slide 3"></button> 
          </div>
          <div class="carousel-inner">
            <!--1-->
            <div class="carousel-item active">
              <img src="{{asset('public_site/img/banner-talento1.png')}}" class="d-block w-100" alt="">
            
            </div>
                        <!--1-->
            <div class="carousel-item">
              <img src="{{asset('public_site/img/banner-talento2.png')}}" class="d-block w-100" alt="">
             
             </div>
 
            <!--1-->
            
            <div class="carousel-item">
              <img src="{{asset('public_site/img/banner-talento3.png')}}" class="d-block w-100" alt="">
            
            </div>
            <!--1-->
          </div>
        </div>
      </div>
    </div>
    <!--banner-->

    <!--brief, courses-->
    <div class="brief-howitworks">

      <!--brief-->
      <div class="brief-kud">
        <div class="container">
        <p>Talento Connect, an exclusive web portal, seamlessly links students to future courses, connecting them with
            esteemed employers and skill training providers. Tailored to individual aspirations, registered candidates
            undergo sector-specific training, paving the way for employers to seamlessly fill vacancies and for skilled
            individuals to apply for their dream jobs. A dynamic platform transforming ambitions into career realities.
          </p>
        </div>
      </div>
      <!--brief-->

      <!--Courses-->
      <div class="our-courses">
        <div class="container">
          <a href="{{route('CourseList')}}"><button type="button" class="btn btn-primary">Our Courses</button></a>
          @if(isset($data['courses']))
          <h3>See what our newest courses have to offer</h3>

          <div class="course-cards">
    <div class="row row-cols-1 row-cols-md-3 g-4" id="courseContainer">
        @foreach($data['courses'] as $Courselist)
            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">@if (isset($Courselist->training_name)){{ $Courselist->training_name }}@endif</h5>
                        <p class="card-text">@if (isset($Courselist->GetDistrict->name)){{ $Courselist->GetDistrict->name }}@endif</p>
                        <p class="card-text">@if (isset($Courselist->ProgramImplementationAgency->agency_name)){{ $Courselist->ProgramImplementationAgency->agency_name }}@endif</p>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    
    @endif
</div>
      
      <!--courses-->

    </div>
    <!--brief, courses-->
    <div class="our-courses">
        <div class="container">
          <a href="{{route('CourseList')}}"><button type="button" class="btn btn-primary">See More Courses</button></a>
</div>
   

  </div>