@extends('layout', ['page_title' => 'Courses', 'page_slug' => 'courses'])
@section('content')
<section class="courses-section section-gap">
        <div class="container">
            <div class="row">
                <div class="main_title title-bottom-margin text-center wow fadeInLeft">
                    <h2>Our Courses</h2>
                </div>
            </div>
            <div class="row">
                @php
                    $courses = [['Diploma in Blood Bank Technician', 'DBBT', '1.png'], ['Diploma in Medical Assistant', 'DMA', '1 (1).png'], ['Diploma in Optometry', 'DO', '3.jpg'], ['Diploma in Veterinary', 'VET', 'vet.jpg'], ['Diploma in Assistant Nursing and Mid Wife', 'ANM D.A.N', 'anm.jpg'], ['Diploma in Dental Technician and Hygiene', '', 'dental.jpg'], ['Diploma in Health Hospital Management', 'DHHM', 'dhhm.jpg'], ['Diploma in Cardiopulmonary Technology', 'CPT', 'cpt.jpg'], ['Diploma in Skin and Cosmetic Technology', 'DDV', 'ddv.jpg'], ['Diploma in Emergency Medical Services', '', 'emergency_medical.jpg'], ['Diploma in Ayurveda Medical Science', '', 'ayurveda.jpg'], ['Diploma in Dental Lab Technology', '', 'dental lab.jpg'], ['Diploma in Sterilization Technology', 'CSSD', 'placeholder.jpg'], ['Diploma in Community Health', 'DCH', 'dch.jpg'], ['Bachelor of Naturopathy and Yoga Science', 'BNYS', 'bnys.jpg'], ['Bachelor of Alternative Medical and Basic Surgery', 'B.A.M.S', 'bams.jpg'], ['Diploma in Orthopaedic and Plaster Technology', 'DOPT', 'dopt.jpg'], ['Diploma in Dresser Technology', 'DDT', 'ddt.jpg'], ['Diploma in Critical Care Technician', 'DCCT', 'dcct.jpg'], ['Diploma in Hematology Technology', 'DHT', 'dht.jpg'], ['Diploma in Cardiovascular Technology', 'DCVT', 'dcvt.jpg'], ['Multi Purpose Health Worker', 'MPHW', 'mphw.jpg'], ['Diploma in Physiotherapy', 'DPT', 'dpt.png'], ['Diploma in Medical Lab Technician', 'DMLT', 'dmlt.png'], ['Diploma in Operation Theatre Technician', 'DOTT', 'dott.png'], ['Diploma in Ayurvedic Pharmacy', 'DAP', 'dap.png'], ['Diploma in Opthalmic Assistant', 'DOA', 'doa.png'], ['Diploma in Medical Radiography Technology', 'DMRT', 'dmrt.png'], ['Diploma in Homeopathy', 'DHP', 'dhp.jpg'], ['Diploma in Cath Lab Technology', 'DCLT', 'dclt.png'], ['Diploma in Dental Hygiene', 'DDH', 'ddh.jpg'], ['Diploma in X-Ray and ECG Technician', 'D X-Ray Tech', 'x-ray-tech.jpg'], ['Community Medical Services and Essentials Drugs', 'CMS-ED', 'cms-ed.jpg'], ['T.B Health Worker', 'TBHV', 'tbhv.jpg'], ['Diploma in Clinical Neuro Technology', 'DCNT', 'dcnt.png'], ['Diploma in Dialysis Technology', 'DDT', 'ddt.jpg'], ['General Duty Assistant', 'GDA', 'gda.jpg'], ['Diploma in MRI Technician', 'DMT', 'dmt.png'], ['Diploma in Anaesthesia Technician', 'DAT', 'dat.jpg'], ['Diploma in Emergency and Ambulance Attendant', 'DE and AA', 'de-and-aa.jpg'], ['Diploma in CT Scan Technician', 'D CT T', 'd-cc-t.jpg'], ['Diploma in Ortho Technician', 'DOT', 'dot.png'], ['Diploma in Oncology Technician', 'DOT', 'doncht.jpg']];
                    
                @endphp
                @foreach ( $courses as $course)
                    <div class="col-lg-4 col-md-6 wow fadeInLeft">
                        <div class="single-course">
                            <div class="course-head" style="background-image: url('{{asset('images/courses/placeholder.jpg')}}')">
                                <img class="img-fluid" src="{{ asset('images/courses/'.$course[2]) }}" alt="">
                            </div>
                            <div class="course-content">
                                <h5 class="course-title mb-3">
                                    <a href=javascript:void(0);>{{$course[0]}} @if(!empty($course[1])) <span class="short-form">({{$course[1]}})</span> @endif </a>
                                </h5>
                                {{-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p> --}}
                                <button class="btn course-btn">More Details</button>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
</div>
@endsection