@extends('frontend.master')
@section('title'){{ "Our Programs" }} @stop
@section('keywords')  {{{"Shree mediacal college, CTEVT college, Diploma, Medical"}}} @stop 
@section('description')  {{"Shreechitwan College (formerly Shree Medical and Technical College) was established in 2007 under the affiliation with council for technical Education and Vocational Training (CTEVT)"}}@stop
@section('content')
  <section class="page-title-section overlay" data-background="images/slider/slider1.jpg">
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <ul class="list-inline custom-breadcrumb">
          <li class="list-inline-item"><a class="h2 text-primary font-secondary" href="#">Our Programs</a></li>
          <li class="list-inline-item text-white h3 font-secondary @@nasted"></li>
        </ul>
        <p class="text-lighten">Shreechitwan College offers quality CTEVT-affiliated medical diploma programs with a focus on practical training and ethical healthcare.</p>
      </div>
    </div>
  </div>
</section><section class="section-sm">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="d-flex align-items-center section-title justify-content-between">
          <h2 class="mb-0 text-nowrap mr-3">Our Programs</h2>
          <div class="border-top w-100 border-primary d-none d-sm-block"></div>
          
        </div>
      </div>
    </div>
    <!-- course list -->
<div class="row justify-content-center">
  <!-- course item -->
  @foreach ($programs as $p)
  <div class="col-lg-4 col-sm-6 mb-5">
    <div class="card p-0 border-primary rounded-0 hover-shadow">
      <img class="card-img-top rounded-0" src="{{ asset('programthumbnail')."/".$p->thumbnail }}" alt="course thumb">
      <div class="card-body">
        <ul class="list-inline mb-2">
          <li class="list-inline-item"><i class="ti-user mr-1 text-color"></i>{{$p->seats}}</li>
          <li class="list-inline-item"><a class="text-color" href="#"><b>({{$p->short_name}})</b></a></li>
        </ul>
        <a href="{{ url('/programs').'/'.$p->id }}">
          <h4 class="card-title">{{$p->program_name}}</h4>
        </a>
        <p class="card-text mb-4"> {{$p->description}}</p>
        <a href="{{ url('/programs').'/'.$p->id }}" class="btn btn-primary btn-sm">Learn More</a>
      </div>
    </div>
  </div>
  @endforeach
</div>
  </div>
</section>
@endsection