@extends('frontend.layouts.master')

@section('content')
<div class="scheme-detail-hero">
    <div class="container">
        <div class="row text-center">
            <div class="col-md-12">
                <h1 class="hero-block-content-title text-white pb-1 m-0">{{$scheme->title}}</h1>
                <div class="breadcrumb-div">
                    <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';">
                        <ol class="breadcrumb m-0 d-flex justify-content-center">
                            <li class="breadcrumb-item"><a href="{{route('frontend.index')}}"
                                    class="breadcrumb-item-link fs-5">Home</a></li>
                            <li class="breadcrumb-item fs-5 text-white" aria-current="page">{{$scheme->title}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main-content section-block py-5">
    <div class="container">
        <div class="row g-0 pb-2">
            <div class="col-md-8">
                <div class="scheme-inner-content pe-4">
                    <div class="scheme-inner-img pb-4">
                        <img src="{{asset($scheme->scheme_detail_image)}}" class="img-fluid" >
                    </div>
                    <h6 class="fs-5 fw-bold"> Overview :</h6>
                    <p class="lh-base m-0">{!!$scheme->long_description!!}</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="col-lg-12">
                    <div class="sidebar what-we-offer ps-md-3">
                        <div class="p-4 bg-white enquiry">
                            <h2 class="fw-bold pt-3 pb-3 m-0 fs-4">Enquire Now</h2>
                            <form action="{{ route('enquiry.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <input type="hidden" name="type" value="2">
                                    <div class="col-sm-6">
                                        <input type="text" name="name" class="form-control mb-4" placeholder="Your Name *"
                                            required="">
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="email" name="email" class="form-control mb-4"
                                            placeholder="Your Email *" required="">
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="number" class="form-control mb-4"
                                            placeholder="Your Phone *" required="">
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="address" class="form-control mb-4"
                                            placeholder="Your Address" required="">
                                    </div>
                                    <div class="col-sm-12 mb-3">
                                        <select class="form-select form-control" name="loan_type" id="loan_type">
                                            <option value="">Select Scheme</option>
                                            <option value="{{ $scheme->title }}">
                                                {{$scheme->title}}
                                            </option>
                                        </select>
                                    </div>
                                    <div class="col-sm-12 ">
                                        <textarea name="message" cols="40" rows="4" class="form-control mb-4" placeholder="Message"
                                            required=""></textarea>
                                    </div>
    
                                    <div class="send-message">
                                        <button type="submit" class="nav-btn bg-white border-0 p-2">Send Message</button>
                                    </div>
    
                                </div>
                            </form>
                        </div>
                        {{-- <div class="service-card-block bg-block bg-block_1 w-100 mb-4 mt-5">
                            <div class="service-card-block-content ">
                                <a class="nav-btn bg-white py-3">Download Brochure</a>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <h6 class="fs-5 fw-bold pt-3 pb-3"> Important Links </h6>
            </div>
        </div>
        <div class="row">
            @if(!empty($scheme->link_name) || !empty($scheme->link_description) || !empty($scheme->link))
            <div class="col-md-3 mb-md-0 mb-3">
                <div class="scheme-linkbox">
                    <div class="scheme-logo pb-3">
                        <img src="{{asset($scheme->link_image)}}" width="160px" height="45px">
                    </div>
                    <div class="scheme-content">
                        <h5 class="fs-6 fw-bold m-0 py-2 lh-base">{{$scheme->link_name}}</h5>
                        @if(!empty($scheme->link_description))
                            <p class="fs-6 lh-base py-3 m-0">{!!$scheme->link_description!!}</p>
                        @endif
                        @if(!empty($scheme->link))
                            <a class="scheme-btn-new pb-2" href="{{$scheme->link}}">View More</a>
                        @endif
                    </div>
                </div>
            </div>
        @endif
    
        @if(!empty($scheme->link_name_1) || !empty($scheme->link_description_1) || !empty($scheme->link_1))
            <div class="col-md-3 mb-md-0 mb-3">
                <div class="scheme-linkbox">
                    <div class="scheme-logo pb-3">
                        <img src="{{asset($scheme->link_image_1)}}" width="160px" height="45px">
                    </div>
                    <div class="scheme-content">
                        <h5 class="fs-6 fw-bold m-0 py-2 lh-base">{{$scheme->link_name_1}}</h5>
                        @if(!empty($scheme->link_description_1))
                            <p class="fs-6 lh-base py-3 m-0">{!!$scheme->link_description_1!!}</p>
                        @endif
                        @if(!empty($scheme->link_1))
                            <a class="scheme-btn-new pb-2" href="{{$scheme->link_1}}">View More</a>
                        @endif
                    </div>
                </div>
            </div>
        @endif
        @if(!empty($scheme->link_name_2) || !empty($scheme->link_description_2) || !empty($scheme->link_2))
        <div class="col-md-3 mb-md-0 mb-3">
            <div class="scheme-linkbox">
                <div class="scheme-logo pb-3">
                    <img src="{{asset($scheme->link_image_2)}}" width="160px" height="45px">
                </div>
                <div class="scheme-content">
                    <h5 class="fs-6 fw-bold m-0 py-2 lh-base">{{$scheme->link_name_2}}</h5>
                    @if(!empty($scheme->link_description_2))
                        <p class="fs-6 lh-base py-3 m-0">{!!$scheme->link_description_2!!}</p>
                    @endif
                    @if(!empty($scheme->link_2))
                        <a class="scheme-btn-new pb-2" href="{{$scheme->link_2}}">View More</a>
                    @endif
                </div>
            </div>
        </div>
    @endif
    @if(!empty($scheme->link_name_3) || !empty($scheme->link_description_3) || !empty($scheme->link_3))
    <div class="col-md-3 mb-md-0 mb-3">
        <div class="scheme-linkbox">
            <div class="scheme-logo pb-3">
                <img src="{{asset($scheme->link_image_3)}}" width="160px" height="45px">
            </div>
            <div class="scheme-content">
                <h5 class="fs-6 fw-bold m-0 py-2 lh-base">{{$scheme->link_name_3}}</h5>
                @if(!empty($scheme->link_description_3))
                    <p class="fs-6 lh-base py-3 m-0">{!!$scheme->link_description_3!!}</p>
                @endif
                @if(!empty($scheme->link_3))
                    <a class="scheme-btn-new pb-2" href="{{$scheme->link_3}}">View More</a>
                @endif
            </div>
        </div>
    </div>
@endif
        </div>
    </div>
</div>

<!--<div class="section-block">-->
<!--    <div class="container">-->
<!--        <div class="enquiry-content">-->
<!--        <div class="row">-->
<!--            <div class="col-md-9">-->
<!--              <h2 class="text-white fw-bolder">Lets Try Our Service Now!</h2>-->
<!--              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab vel quasi qui laboriosam, consectetur officia beatae quis magni ratione ipsam architecto!</p>-->
<!--            </div>-->
<!--            <div class="col-md-3">-->
<!--    <a class="enquiry nav-btn bg-white" href="#"  data-bs-toggle="modal" data-bs-target="#exampleModal">Enquire Now <i class="bi bi-arrow-right ps-2"></i> </a>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    </div>-->
<!--</div>-->

  <!-- Modal -->
  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered mt-5">
      <div class="modal-content">
        <div class="modal-body">
            <div class="p-3 bg-white enquiry">
                <h2 class="fw-bold pt-3 pb-3 m-0 fs-4">Enquire Now</h2>
                <form action="{{ route('enquiry.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-sm-6">
                            <input type="text" name="name" class="form-control mb-4" placeholder="Your Name *"
                                required="">
                        </div>
                        <div class="col-sm-6">
                            <input type="email" name="email" class="form-control mb-4"
                                placeholder="Your Email *" required="">
                        </div>
                        <div class="col-sm-6">
                            <input type="text" name="number" class="form-control mb-4"
                                placeholder="Your Phone *" required="">
                        </div>
                        <div class="col-sm-6">
                            <input type="text" name="address" class="form-control mb-4"
                                placeholder="Your Address" required="">
                        </div>
                        <div class="col-sm-12 mb-3">
                            <select class="form-select form-control" name="loan_type" id="loan_type">
                                <option value="">Select Loan</option>
                                <option value="MSME Business Loans">
                                    MSME Business Loans
                                </option>
                                <option value="Subsidy & Incentives">Subsidy & Incentives</option>
                                <option value="Retail Loans">Retail Loans</option>
                                <option value="Turnkey Projects">Turnkey Projects</option>
                            </select>
                        </div>
                        <div class="col-sm-12 ">
                            <textarea name="message" cols="40" rows="4" class="form-control mb-4" placeholder="Message"
                                required=""></textarea>
                        </div>

                        <div class=" send-message">
                            <button type="submit" class="enquiries nav-btn w-100 border-0 p-3 fs-5">Send Message</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
      </div>
    </div>
  </div>

@endsection