@extends('layouts.new-master')
@section('meta')
<title>Best Leagal service in India</title>
<meta NAME="robots" CONTENT="noindex,nofollow">
<meta name="description" content="Best Leagal service in India"> 
@endsection
@section('content')
<div class="modal fade search-hold" id="myModal" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Get In Touch</h4>
            </div>
        <div class="modal-body">
          <form id="contact" onsubmit="return ValidateFirstStep(event)" method="post" enctype="multipart/form-data">
            <input placeholder="Name" id="name" class="form-control" name="name" value="{{ old('name') }}" required autocomplete="false" autofocus type="text">
            <input placeholder="Email" id="email" class="form-control" name="email" value="{{ old('email') }}" required autocomplete="false" type="email">
            <input placeholder="Phone Number" id="mobile" class="form-control" name="mobile" value="{{ old('mobile') }}" required autocomplete="false"  type="text">
            <input  id="user_type" name="user_type" value="Chartered"  type="hidden">
            <input placeholder="Password" id="password" class="form-control" name="password" required type="password">
            <input placeholder="Confirmed Password" id="password-confirm" class="form-control" name="password_confirmation" required type="password">
            <button class="btn btn-success pull-right" >Submit</button>
            <a class="btn btn-default " href="{{route('login')}}">Sign in instead</a>
          </form>
        </div>
      </div>      
    </div>
  </div> 

@include('layouts.register')
<section id="banner" class="main_banner">
    <div class="container">
      <div class="ban_info">
          <div class="row">
            <div class="col-lg-6 col-md-6 col-12">
              <img src="assets/images/ca_ban_pic.png" alt="">
            </div>
            <div class="col-lg-6 col-md-6 col-12 ban_right">
              <div class="home_banner">
                <h1>All in one</h1>
                <p>Lorem Ipsum of the printing and typesetting industry.</p>
              </div>
            </div>
          </div>
      </div>
    </div>
  </section>

  <section class="about_us">
    <div class="container">
      <div class="about_us_heading">
        <h5>About Us</h5>
      </div>
      <p>FastInfo Legal Services Pvt Ltd. is registered under the Companies Act, 2013, recognised by the Govt. of India, which is specialized in providing legal help and providing people legal information just in their hands to easily use it.<br>
          Our core team consists of skilled and proficient qualified Advocates, along with a diligent team of other professionals, all under one roof. They provide solution to all the individual, business person, corporate body and others to get better help for the issues faced by them in their everyday life.</p>
    </div>
  </section>
  <section class="our_service_area">
    <div class="container">
        <div class="row">
          <div class="about_us_heading">
            <h5>Our Service</h5>
        </div>
        @foreach($service_data as $data)
            <div class="col-lg-3">
                <div class="service_info_con">
                  <!-- <img src="{{ env('CHARTERED_SERVICE_IMAGES_PATH') }}/{{  $data->img_name }}" alt="">-->
                    <img src="assets/images/service_icon1.png" alt="">
                    <h2>{{$data->service_name }}</h2>
                    <p>{{$data->new_description}}</p>
                    <a href="{{$data->web_url}}">Read more</a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
  </section>

  <section class="why_choose" style="background: url(assets/images/why_us_back.png) no-repeat center; background-size: cover;">
    <div class="container">
      <div class="row">
        <div class="about_us_heading">
          <h5 style="color: #89E284;">Why Us?</h5>
        </div>
        <div class="col-lg-4 col-md-4 col-6">
          <div class="why_choose_block">
            <div class="why_choose_icon">
              <img src="assets/images/why_icon1.png" alt="" title="" class="img-fluid">
            </div>
            <p>Recognized by Govt. of India</p>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-6">
          <div class="why_choose_block">
            <div class="why_choose_icon">
              <img src="assets/images/why_icon1.png" alt="" title="" class="img-fluid">
            </div>
            <p>Recognized by Govt. of India</p>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-6">
          <div class="why_choose_block">
            <div class="why_choose_icon">
              <img src="assets/images/why_icon1.png" alt="" title="" class="img-fluid">
            </div>
            <p>Recognized by Govt. of India</p>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-6">
          <div class="why_choose_block">
            <div class="why_choose_icon">
              <img src="assets/images/why_icon1.png" alt="" title="" class="img-fluid">
            </div>
            <p>Recognized by Govt. of India</p>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-6">
          <div class="why_choose_block">
            <div class="why_choose_icon">
              <img src="assets/images/why_icon1.png" alt="" title="" class="img-fluid">
            </div>
            <p>Recognized by Govt. of India</p>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-6">
          <div class="why_choose_block">
            <div class="why_choose_icon">
              <img src="assets/images/why_icon1.png" alt="" title="" class="img-fluid">
            </div>
            <p>Recognized by Govt. of India</p>
          </div>
        </div>
        
      </div>
    </div>
  </section>

  <section class="testi_area">
    <div class="container">
        <div class="row">
          <div class="about_us_heading">
            <h5>Testimonial</h5>
          </div>
          <div class="testi_slider owl-carousel">
              <div class="item">
                <div class="testi_info">
                    <div class="testi_pic_con">
                      <img src="assets/images/testi_pic.png" alt="">
                    </div>
                    <h2>Amrita Upadhaya</h2>
                    <ul>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                    </ul>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    <a href="#">Read more</a>
                </div>
              </div>
              <div class="item">
                <div class="testi_info">
                    <div class="testi_pic_con">
                      <img src="assets/images/testi_pic.png" alt="">
                    </div>
                    <h2>Amrita Upadhaya</h2>
                    <ul>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                    </ul>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    <a href="#">Read more</a>
                </div>
              </div>
              <div class="item">
                <div class="testi_info">
                    <div class="testi_pic_con">
                      <img src="assets/images/testi_pic.png" alt="">
                    </div>
                    <h2>Amrita Upadhaya</h2>
                    <ul>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                    </ul>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    <a href="#">Read more</a>
                </div>
              </div>
              <div class="item">
                <div class="testi_info">
                    <div class="testi_pic_con">
                      <img src="assets/images/testi_pic.png" alt="">
                    </div>
                    <h2>Amrita Upadhaya</h2>
                    <ul>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                    </ul>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    <a href="#">Read more</a>
                </div>
              </div>
              <div class="item">
                <div class="testi_info">
                    <div class="testi_pic_con">
                      <img src="assets/images/testi_pic.png" alt="">
                    </div>
                    <h2>Amrita Upadhaya</h2>
                    <ul>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                    </ul>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    <a href="#">Read more</a>
                </div>
              </div>
              <div class="item">
                <div class="testi_info">
                    <div class="testi_pic_con">
                      <img src="assets/images/testi_pic.png" alt="">
                    </div>
                    <h2>Amrita Upadhaya</h2>
                    <ul>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                    </ul>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    <a href="#">Read more</a>
                </div>
              </div>
              <div class="item">
                <div class="testi_info">
                    <div class="testi_pic_con">
                      <img src="assets/images/testi_pic.png" alt="">
                    </div>
                    <h2>Amrita Upadhaya</h2>
                    <ul>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                      <li><i class="fas fa-star"></i></li>
                    </ul>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    <a href="#">Read more</a>
                </div>
              </div>
          </div>
        </div>
    </div>
  </section>

    <section class="faq_area" id="main">
    <div class="container">
      <div class="row">
        <div class="about_us_heading">
          <h5>FAQ</h5>
        </div>
        <div class="accordion" id="faq">
            <div class="card">
                <div class="card-header" id="faqhead1">
                    <a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#faq1"
                    aria-expanded="true" aria-controls="faq1">Think Of your favorite animal, place, and color now say one of them! What Did you say?</a>
                </div>

                <div id="faq1" class="collapse show" aria-labelledby="faqhead1" data-parent="#faq">
                    <div class="card-body">
                      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="faqhead2">
                    <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq2"
                    aria-expanded="true" aria-controls="faq2">Think Of your favorite animal, place, and color now say one of them! What Did you say?</a>
                </div>

                <div id="faq2" class="collapse" aria-labelledby="faqhead2" data-parent="#faq">
                    <div class="card-body">
                      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="faqhead3">
                    <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3"
                    aria-expanded="true" aria-controls="faq3">Think Of your favorite animal, place, and color now say one of them! What Did you say?</a>
                </div>

                <div id="faq3" class="collapse" aria-labelledby="faqhead3" data-parent="#faq">
                    <div class="card-body">
                      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries
                    </div>
                </div>
            </div>
        </div>
      </div>
    </div>
  </section>
@include('layouts.md-section')
@section('script')

<script>
  let ValidateFirstStep =() =>{

      event.preventDefault();
      let name = document.getElementById("name_as").value;
      let email = document.getElementById("email_as").value;
      let mobile = document.getElementById("mobile_as").value;
      let user_type = document.getElementById("user_type_as").value;
      let password = document.getElementById("password_as").value;
      let c_password = document.getElementById("password_confirm_as").value;
      var _token = "{{ csrf_token() }}";
      $(".ajax-loading-class").css('opacity', '0.5');
      $.ajax({
        type: 'POST',
        url: "{{ route('form.submit') }}",
        data: {name: name,mobile: mobile,user_type:user_type,email: email,password: password,password_confirmation: c_password, _token: _token },
        success: function (data) {
          $.each(data.errors, function (key, value) {
            alert(value);
          });
          if (data.msg != '') {
            window.location = "{{ route('login') }}";
				}
        }
      });
 
} 
  
</script>

@endsection
@endsection