@extends('layouts.app')
@section('title','Home')
@section('content')


<!-- Start of slider  section
	============================================= -->
<section id="slider_area" class="slider_section">
    <div id="slider_id" class="slider_style_four">
        @forelse($BannersList as $key => $list)
        <div class="slider_content_wrap position-relative">
            <div class="background_overlay"></div>
            <div class="rx_slider_img img-zooming" data-background="{{asset("banner/".$list->image)}}"></div>
            <div class="container">
                <div class="rx_slider_text_img_area position-relative">
                    <div class="rx_slider_text headline pera-content">
                        <span>Legal Exam Preprations</span>
                        <h1>{{$list->title}}</h1>
                        <p>{!! $list->short_description !!}</p>
                        <a href="#">Our Expert Team</a>
                    </div>
                    <!-- <div class="rx_slider_side_img">
                        <img src="{{asset("banner/".$list->image)}}" alt="{{$list->img_alt}}" alt="{{$list->img_title}}">
                    </div> -->
                </div>
            </div>
        </div>
        @empty
        @endforelse
    </div>

    <div class="container form-container">

        <div class="">
            @if(Session::has('errormsg'))
            <div id="errorMessage" class="alert alert-danger alert-dismissible fade show" role="alert">
                <p>{{ Session::get('errormsg') }}</p>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif

            @if(Session::has('msg'))
            <div id="successMessage" class="alert alert-success alert-dismissible fade show" role="alert">
                <p>{{ Session::get('msg') }}</p>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif
        </div>
        
        <div class="rx-contact-form form-rx-contact">
            <form method="post" action="{{url('store/appointments')}}">
                @csrf
                <input type="text" name="name" placeholder="Name">
                @if($errors->any())
                <div class="text-danger">{{$errors->first('name',':message')}}</div>
                @endif
                <input type="email" name="email" placeholder="Mail Address">
                @if($errors->any())
                <div class="text-danger">{{$errors->first('email',':message')}}</div>
                @endif
                <input type="phone" name="mobile" placeholder="Phone Number">
                @if($errors->any())
                <div class="text-danger">{{$errors->first('mobile',':message')}}</div>
                @endif

                <select name="location" class="form-control mb-4 {{ ($errors->any() && $errors->first('location')) ? 'is-invalid' : '' }}">
                    <option value="">Select</option>
                    @forelse($locations as $key=> $location)
                    <option value="{{$location->id}}">{{$location->title}}</option>
                    @empty
                    @endforelse
                </select>

                @if($errors->any())
                <div class="text-danger">{{$errors->first('location',':message')}}</div>
                @endif
                <!-- <textarea name="text" placeholder="Text..."></textarea> -->
                <button type="submit"><i class="fas fa-paper-plane"></i> Submit now</button>
            </form>
        </div>
    </div>

</section>
<!-- End of slider section
	============================================= -->

<!-- Start of Feature  section
	============================================= -->
<section id="rx-feature" class="rx-feature-section position-relative">
    <div class="container">
        <div class="rx-feature-content">
            <div class="row justify-content-center">
                @forelse($categoryList as $key => $catList)
                <div class="col-lg-4 col-md-6 wow fadeFromUp" data-wow-delay="0ms" data-wow-duration="1000ms">
                    <div class="rx-feature-icon-text text-center">
                        <div class="rx-feature-icon">
                            <img src="{{asset("category/".$catList->image)}}" alt="{{$catList->img_alt}}" alt="{{$catList->img_title}}">
                        </div>
                        <div class="rx-feature-text headline pera-content">
                            <h3><a href="#">{{$catList->name}}</a></h3>
                            <p>{{$catList->short_description}}</p>
                        </div>
                    </div>
                </div>
                @empty
                @endforelse

            </div>
        </div>
    </div>
</section>
<!-- End of Feature  section
	============================================= -->

<!-- Start of about  section
	============================================= -->
<section id="rx-about" class="rx-about-section">
    <div class="container">
        <div class="rx-about-content">
            <div class="row">
                <div class="col-lg-6 mt-5 wow fadeFromLeft" data-wow-delay="0ms" data-wow-duration="1000ms">
                    <div class="rx-about-award-img position-relative mt-3">
                        <div class="rx-about-img-wrap">
                            <iframe class="w-100" width="560" height="315" @if(!empty($gallerySingle)) src="https://www.youtube.com/embed/{{$gallerySingle->video}}" @else src="https://www.youtube.com/embed/Xh0r2M22nkQ" @endif frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                    </div>
                    <div class="rx-about-award-img position-relative" style="margin-top: 100px; background-color: #690E15;">
                        <div class="rx-about-award-text">
                            <i class="fas fa-trophy"></i> <span>Experiences of 10+ years</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 wow fadeFromRight" data-wow-delay="100ms" data-wow-duration="1000ms">

                    <div class="">
                        @if(Session::has('errormsg'))
                        <div id="errorMessage" class="alert alert-danger alert-dismissible fade show" role="alert">
                            <p>{{ Session::get('errormsg') }}</p>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        @endif

                        @if(Session::has('msg'))
                        <div id="successMessage" class="alert alert-success alert-dismissible fade show" role="alert">
                            <p>{{ Session::get('msg') }}</p>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        @endif
                    </div>

                    <div class="rx-about-text">
                        <div class="rx-section-title headline">
                            <h2>We are Professional
                                Law Firm in <span>INDIA</span>
                            </h2>
                        </div>
                        <div class="rx-about-text-wrap ul-li-block pera-content">
                            <div class="rx-contact-form">
                                <form method="post" action="{{url('store/appointments')}}">
                                    @csrf
                                    <input type="text" name="name" placeholder="Name">
                                    @if($errors->any())
                                    <div class="text-danger">{{$errors->first('name',':message')}}</div>
                                    @endif
                                    <input type="email" name="email" placeholder="Mail Address">
                                    @if($errors->any())
                                    <div class="text-danger">{{$errors->first('email',':message')}}</div>
                                    @endif
                                    <input type="phone" name="mobile" placeholder="Phone Number">
                                    @if($errors->any())
                                    <div class="text-danger">{{$errors->first('mobile',':message')}}</div>
                                    @endif

                                    <select name="location" class="form-control mb-4 {{ ($errors->any() && $errors->first('location')) ? 'is-invalid' : '' }}">
                                        <option value="">Select</option>
                                        @forelse($locations as $key=> $location)
                                        <option value="{{$location->id}}">{{$location->title}}</option>
                                        @empty
                                        @endforelse
                                    </select>

                                    @if($errors->any())
                                    <div class="text-danger">{{$errors->first('location',':message')}}</div>
                                    @endif
                                    <!-- <textarea name="text" placeholder="Text..."></textarea> -->
                                    <button type="submit"><i class="fas fa-paper-plane"></i> Submit now</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End of about  section
	============================================= -->

<!-- Start of practice area  section
	============================================= -->
<section id="rx-practice" class="rx-practice-section">
    <div class="container">
        <div class="rx-section-title headline text-center">
            <h2>We Have<span>Special</span> designed courses for our students.</h2>
        </div>
        <div class="rx-practice-content">
            <div class="row">
                @forelse($CoursesList as $key => $courseList)
                <div class="col-lg-4 col-md-6 wow fadeFromUp" data-wow-delay="0ms" data-wow-duration="1000ms">
                    <div class="rx-practice-icon-text position-relative">
                        <div class="rx-practice-text headline">
                            <h3><a href="#">{{$courseList->title}}</a></h3>
                            <p>{!! $courseList->short_description !!}</p>
                        </div>
                        <div class="rx-practice-icon text-center">
                            <img src="{{asset("service/".$courseList->image)}}" alt="{{$courseList->img_alt}}" alt="{{$courseList->img_title}}">
                        </div>
                    </div>
                </div>
                @empty
                @endforelse

            </div>
            <div class="rx-practice-btn">
                <a href="#">ALEC</a>
            </div>
        </div>
    </div>
</section>
<!-- End of practice area section
	============================================= -->

<!-- Start of portfolio section
	============================================= -->
<section id="rx-portfolio" class="rx-portfolio-secton">
    <div class="rx-section-title headline text-center">
        <h2>We have shown Our Recent
            <span>success stories.</span>
        </h2>
    </div>
    <div class="rx-portfolio-content">
        <div id="portfolio-slide-id" class="rx-portfolio-slider">

            @forelse($testimonials as $key => $testimonial)
            @if($testimonial->type == 1)
            <div class="rx-portfolio-innerbox position-relative">
                <div class="rx-portfolio-border"></div>
                <div class="rx-portfolio-img position-relative">
                    <img src="{{asset("testimonial/".$testimonial->image)}}" alt="{{$testimonial->img_alt}}" alt="{{$testimonial->img_title}}">
                </div>
                <div class="rx-portfolio-text headline">
                    <span class="text-uppercase"><a href="#">{!! substr(strip_tags($testimonial->description), 0, 30) !!}</a></span>
                    <h3><a href="#">{{ucfirst($testimonial->title) ?? ''}}</a></h3>
                </div>
                <div class="rx-port-icon text-center">
                    <a href="#"> <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>
            @endif
            @empty
            @endforelse

        </div>
    </div>
</section>
<!-- End of portfolio section
	============================================= -->

<!-- Start of Counter section
	============================================= -->
<section id="rx-counter" class="rx-counter-section">
    <div class="background_parallax background_position relative-position" data-background="assets/img/law/slider/s1.jpg">
        <div class="background_overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-3  col-sm-6">
                    <div class="rx-counter-icon-text">
                        <div class="rx-counter-icon float-left">
                            <i class="far fa-thumbs-up"></i>
                        </div>
                        <div class="rx-counter-text pera-content">
                            <span class="odometer" data-count="1238">00</span>
                            <p>Satisfied Students</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3  col-sm-6">
                    <div class="rx-counter-icon-text">
                        <div class="rx-counter-icon float-left">
                            <i class="far fa-comment"></i>
                        </div>
                        <div class="rx-counter-text pera-content">
                            <span class="odometer" data-count="8">00</span>
                            <p>Awards</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3  col-sm-6">
                    <div class="rx-counter-icon-text">
                        <div class="rx-counter-icon float-left">
                            <i class="far fa-lightbulb"></i>
                        </div>
                        <div class="rx-counter-text pera-content">
                            <span class="odometer" data-count="30+">00</span>
                            <p>Locations</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3  col-sm-6">
                    <div class="rx-counter-icon-text">
                        <div class="rx-counter-icon float-left">
                            <i class="fas fa-briefcase"></i>
                        </div>
                        <div class="rx-counter-text pera-content">
                            <span class="odometer" data-count="1238">00</span>
                            <p>Satisfied Customers</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End of Counter section
	============================================= -->

<!-- Start of testimonial section
	============================================= -->
<section id="rx-testimonial" class="rx-testimonial-section">
    <div class="container">
        <div class="rx-section-title headline text-center">
            <h2>See What Out Happy
                <span>Students</span> Says
            </h2>
        </div>
        <div class="rx-testimonial-content">
            <div id="rx-testimonial-slide-id" class="rx-testimonial-slider">
                @forelse($testimonials as $key => $testimonial)
                @if($testimonial->type == 2)
                <div class="rx-testimonial-img-text">
                    <div class="rx-testimonial-img float-left position-relative">
                        <img src="{{asset("testimonial/".$testimonial->image)}}" alt="{{$testimonial->img_alt}}" alt="{{$testimonial->img_title}}">
                        <span class="rx-testi-quote"><i class="fas fa-quote-right"></i></span>
                    </div>
                    <div class="rx-testimonial-text headline pera-content">
                        <div class="rx-testimonial-author">
                            <h4><a href="#">{{ucfirst($testimonial->title) ?? ''}}</a></h4>
                            <!-- <span>Judge</span> -->
                        </div>
                        <p>
                            {!! substr(strip_tags($testimonial->description), 0, 150) !!}
                        </p>
                    </div>
                </div>
                @endif
                @empty
                @endforelse

            </div>
        </div>
    </div>
</section>
<!-- End of testimonial section
	============================================= -->

<!-- Start of contact section
	============================================= -->
<section id="rx-contact" class="rx-contact-section">
    <div class="background_parallax background_position relative-position" data-background="assets/img/law/c-bg.jpg">
        <div class="background_overlay"></div>
        <div class="container">
            <div class="rx-contact-content">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="rx-contact-text">
                            <div class="rx-contact-icon text-center">
                                <i class="fas fa-phone"></i>
                            </div>
                            <div class="rx-contact-text-wrap headline ul-li-block">
                                <h4>Free Consultation</h4>
                                <ul>
                                    <li>
                                        <i class="fas fa-map-marker-alt"></i>
                                        <a href="#">C-118, First Floor Zone-II, Maharana Pratap Nagar, Bhopal, Madhya Pradesh 462011</a>
                                    </li>
                                    <li>
                                        <i class="fas fa-envelope"></i><a href="#">support@alec.co.in</a>
                                    </li>
                                    <li>
                                        <i class="fas fa-phone"></i><a href="#">+91 9691073595</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
<!-- End of contact section
	============================================= -->


</main>

@endsection