@extends('layouts.app')

@section('head')

<link href="{{ asset('frontend-assets/latest/css/contact.css') }}" rel="stylesheet">

@endsection

@section('content')
<!-----Breadcrumb section------>
@if($bg = setting_item("contact_page_back_id"))
@php $bg = setting_item("contact_page_back_id"); @endphp
@else
@php $bg = '';@endphp
@endif
@if( env('APP_THEME')=='Theme1')

<div class="container-fluid aboutc1 breadcrumb m-0" style="background-image: linear-gradient(rgba(30, 73, 126, 0.31),rgba(30, 73, 126, 0.277)), url('{{get_file_url($bg,'full')}}') ;">
<nav class="breadcrumbEx">
  <h1 class="text-center text-white">सम्पर्क</h1>
  <div class="breadcrumb-wrapper text-white text-center">
    <span>
      <a title="Homepage" href="index.html"
        ><i class="fas fa-home"></i>&nbsp;&nbsp;गृहपृष्ठ</a
      >
    </span>

    <span class="">&nbsp; : : &nbsp;</span>
    <span class="" id="breadcrumbActive">सम्पर्क</span>

  </div>
</nav>
</div>

<!------------------------contact us------------------------>



<div class="container-fluid contact">
<div class="row block1">
<div class="contactHead">
<h1  data-aos="fade-right" data-aos-duration="1000">सम्पर्क</h1>
</div>
<div class="col-md-4 col-12  contactinfoCol"  data-aos="fade-up" data-aos-duration="1000">
<p class="titleTag theme-tag font-weight-bold">सम्र्पक नम्बर</p>
<ul>
    <li><i class="fas fa-phone-volume"></i>{{setting_item("c_phone")}}</li>
    <li><i class="fas fa-envelope"></i>{{setting_item("admin_email")}}</li>
    <li><i class="fas fa-map-marker-alt"></i> {{setting_item("address")}}</li>
</ul>
<p class="titleTag theme-tag">सोसल मिडिया</p>
<span>
 
  @if($social_share = setting_item("social_share"))






@foreach($social_share as $key=>$item)

<a href="{!! $item->link  !!}" target="_blank"><i class="fab fa-{{$item->class_icon}} text-black"></i></a> 



@endforeach 



@endif  
  
 </span>

</div>


<div class="col-md-8 col-12 my-md-auto my-5 contactformCol"  data-aos="fade-right" data-aos-duration="1000">

 
        <form method="post" class="row g-3 needs-validation admission-form" novalidate action="{{url('/contact/store')}}"   >

        {{csrf_field()}} 
        <div style="display: none;">

            <input type="hidden" name="g-recaptcha-response" value="">

        </div>
        @include('admin.message')
           <div class="col-md-6">
    <label for="validationCustom01" class="form-label">पहिलो नाम</label>
    <input type="text" name="first_name" class="form-control" id="validationCustom01"   required>
    <div class="valid-feedback">
      Looks good!
    </div>
    <div class="invalid-feedback">
      Please fill this data.
    </div>
  </div>

  <div class="col-md-6">
    <label for="validationCustom01" class="form-label">थर</label>
    <input type="text" name="last_name"  class="form-control" id="validationCustom01"   required>
    <div class="valid-feedback">
      Looks good!
    </div>
    <div class="invalid-feedback">
      Please fill this data.
    </div>
  </div>
  
    <div class="col-md-6">
    <label for="validationCustom01" class="form-label">फोन न.</label>
    <input type="number" name="phone" class="form-control" id="validationCustom01"   required>
    <div class="valid-feedback">
      Looks good!
    </div>
    <div class="invalid-feedback">
      Please fill this data.
    </div>
  </div>


  <div class="col-md-6">
    <label for="validationCustom01" class="form-label">इमेल</label>
    <input type="email" name="email" class="form-control" id="validationCustom01"   required>
    <div class="valid-feedback">
      Looks good!
    </div>
    <div class="invalid-feedback">
      Please fill this data.
    </div>
  </div>
<div class="col-md-6">
    <label for="validationCustom01" class="form-label">कुन प्रकारको सुचना थाहा पाउन चाहनुहुन्छ</label>
    
    <div class="radio-btn-box d-flex flex-wrap" >
      <label class="radio-wrapper">भर्ना
        <input type="radio" checked="checked" value="भर्ना" name="applied" required>
        <span class="radio-checkmark"></span>
      </label>

      <label class="radio-wrapper mx-3">मासिक शुल्क                         <input type="radio" value="मासिक शुल्क " name="applied" required>
        <span class="radio-checkmark"></span>
      </label>

      <label class="radio-wrapper">कार्यक्रम
        <input type="radio" value="कार्यक्रम"  name="applied" required>
        <span class="radio-checkmark"></span>
      </label>

      <label class="radio-wrapper mx-3">अन्य
        <input type="radio" value="अन्य" name="applied" required>
        <span class="radio-checkmark"></span>
      </label>

    </div>
    
    <div class="valid-feedback">
      Looks good!
    </div>
    <div class="invalid-feedback">
      Please fill this data.
    </div>
  </div>
  <div class="col-12">
    <label for="validationCustom01" class="form-label">म्यासेज</label>
    
    <textarea name="message" id=""   rows="4" class="form-control"></textarea>
    
    <div class="valid-feedback">
      Looks good!
    </div>
    <div class="invalid-feedback">
      Please fill this data.
    </div>
  </div>
<div class="col-12 mb-3"> 
                    <div class="form-group">
                        {{recaptcha_field('contact')}}
                    </div>
             
            </div>
  <div class="col-12">
    <button class="btn-all" type="submit">पठाउनुहोस् </button>
  </div> 

</form>
</div>

</div>

<div class="row my-5">
<div class="col-12">
<h4 class="tx-blue">हाम्रो स्थान</h4>
</div>
<div class="col-12">
{!!setting_item('map_iframe') ?? '' !!}
</div>
</div>

</div>

<div class="container-fluid p-0 overflow-hidden">


</div>
@elseif( env('APP_THEME')=='Theme2') 

<div class="jumbotron d-flex align-items-center justify-content-center" style="
  background-image: linear-gradient(
      to right,
      rgba(32, 27, 31, 0.24),
      rgba(32, 27, 31, 0.24)
    ),
    url({{get_file_url($bg,'full')}});
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 50vh;
">
<div class="image-content-text text-white">
<h1>Contact Us</h1>
<p class="text-center">Home | Contact Us</p>
</div>
</div>

<div class="container my-5 me-0 p-0">
<div class="row m-0">
<div class="col-lg-6 order-lg-1 order-2">
  <h4 class="text-secondary fs-4 px-2">Send Your Message</h4>
 
  <form method="post" class="row g-3 mt-3 needs-validation admission-form" novalidate action="{{url('/contact/store')}}"   >

{{csrf_field()}} 
<div style="display: none;">

    <input type="hidden" name="g-recaptcha-response" value="">

</div>
@include('admin.message')
   <div class="col-md-6">
<label for="validationCustom01" class="form-label">पहिलो नाम</label>
<input type="text" name="first_name" class="form-control" id="validationCustom01"   required>
<div class="valid-feedback">
Looks good!
</div>
<div class="invalid-feedback">
Please fill this data.
</div>
</div>

<div class="col-md-6">
<label for="validationCustom01" class="form-label">थर</label>
<input type="text" name="last_name"  class="form-control" id="validationCustom01"   required>
<div class="valid-feedback">
Looks good!
</div>
<div class="invalid-feedback">
Please fill this data.
</div>
</div>

<div class="col-md-6">
<label for="validationCustom01" class="form-label">फोन न.</label>
<input type="number" name="phone" class="form-control" id="validationCustom01"   required>
<div class="valid-feedback">
Looks good!
</div>
<div class="invalid-feedback">
Please fill this data.
</div>
</div>


<div class="col-md-6">
<label for="validationCustom01" class="form-label">इमेल</label>
<input type="email" name="email" class="form-control" id="validationCustom01"   required>
<div class="valid-feedback">
Looks good!
</div>
<div class="invalid-feedback">
Please fill this data.
</div>
</div>
<div class="col-md-12">
<label for="validationCustom01" class="form-label">कुन प्रकारको सुचना थाहा पाउन चाहनुहुन्छ</label>

<div class="radio-btn-box d-flex flex-wrap" >
<label class="radio-wrapper">भर्ना
<input type="radio" checked="checked" value="भर्ना" name="applied" required>
<span class="radio-checkmark"></span>
</label>

<label class="radio-wrapper mx-3">मासिक शुल्क                         <input type="radio" value="मासिक शुल्क " name="applied" required>
<span class="radio-checkmark"></span>
</label>

<label class="radio-wrapper">कार्यक्रम
<input type="radio" value="कार्यक्रम"  name="applied" required>
<span class="radio-checkmark"></span>
</label>

<label class="radio-wrapper mx-3">अन्य
<input type="radio" value="अन्य" name="applied" required>
<span class="radio-checkmark"></span>
</label>

</div>

<div class="valid-feedback">
Looks good!
</div>
<div class="invalid-feedback">
Please fill this data.
</div>
</div>
<div class="col-12">
<label for="validationCustom01" class="form-label">म्यासेज</label>

<textarea name="message" id=""   rows="4" class="form-control"></textarea>

<div class="valid-feedback">
Looks good!
</div>
<div class="invalid-feedback">
Please fill this data.
</div>
</div>
<div class="col-12 "> 
            <div class="form-group">
                {{recaptcha_field('contact')}}
            </div>
     
    </div>
<div class="col-12">
<button class="btn btn-primary mx-2" type="submit">पठाउनुहोस् </button>
</div> 

</form>
</div>
<div class="col-lg-6 order-lg-2 order-1">
@if($contact_image = setting_item("contact_page_image"))
@php $contact_image = setting_item("contact_page_image"); @endphp
@else
@php $contact_image = '';@endphp
@endif
  <img src="{{get_file_url($contact_image,'full')}}" alt="" width="100%" />
</div>
</div>
</div>
<!-- End Contact Us-->
@else        
@endif 
@endsection



@section('footer')



@endsection