@extends('layouts.frontend')

@section('content')



      <section class="gauto-testimonial-area section_70">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="site-heading">
                     <h2>Roadflix Business partner</h2>
                <p>The smart way to manage and track all your fleets.</p>
                  </div>
               </div>
            </div>
          
         </div>
      </section>
      <!-- Testimonial Area End -->
       

       
       
      <!-- About Area Start -->
      <section class="gauto-about-area section_70">
         <div class="container">
            <div class="row">
               <div class="col-lg-6">
                  {!!html_entity_decode($service->why_content)!!}
               </div>
               <div class="col-lg-6">
                  <div class="about-right">
                     <img src="{{ asset('storage/'.$service->why_image ?? '') }}" alt="{{$service->why_image ?? ''}}" />
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- About Area End -->
       
   
  
       
       
      <!-- Offers Area Start -->
      <section class="gauto-offers-area section_30">
         <div class="container">
            <div class="row">
               <div class="col-md-12" style="margin-bottom: 30px;">
                  <div class="site-heading" >
                     <h2>Benefits</h2>
                <p>What are the benefits of a Roadflix Business Partner?</p>
                  </div>
               </div>
            </div>
            <div class="row ">
              <div class="col-md-6">
                    {!!html_entity_decode($service->benefits)!!}

           </div>
            <div class="col-md-6"><img src="{{ asset('storage/'.$service->benifits_image) }}" alt="{{$service->benifits_image}}" /></div>
            </div>
         </div>
      </section>
      <!-- Offers Area End -->
             <section class="gauto-offers-area section_70">
         <div class="container">
            
            <div class="row section_50">
              <div class="col-md-6">
          <div class="site-heading text-left" style="width:100%">
                     <h2>Features</h2>
                <p>What do we bring to your business?</p>
                  </div>
          <div class="about-list1">
                        {!!html_entity_decode($service->features)!!}
                     </div>
           
           </div>
          <div class="col-md-6"><img src="{{ asset('storage/'.$service->feture_image) }}" alt="{{$service->feture_image}}" /></div>
            </div>
         </div>
      </section>
       
      <!-- Testimonial Area Start -->

       <section class="gauto-service-area section_70">
   <div class="container">
    <div class="row">
     <div class="col-md-12">
        <div class="">
            <h3>Register An Account</h3>
            <br>
            <form method="POST" action="{{ route('register') }}">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" name="fname" class="form-control" placeholder="First Name" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" name="lname" class="form-control" placeholder="Last Name" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input id="email" type="email" placeholder="Email ID" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">

                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" name="phone" class="form-control" placeholder="Phone No." required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input id="password" type="password"  placeholder="Password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">

                                @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input id="password-confirm" type="password" placeholder="Confirm Password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="">
                            <input class="inp-cbx" id="morning" type="checkbox" required="" />
                            <label class="cbx" for="morning"><span>
                                <svg width="12px" height="10px">
                                  <use xlink:href="#check"></use>
                              </svg></span><span>Accept the Terms and Condition</span></label> 
                          </div>
                      </div>
                       <div class="col-md-6">
                    </div>
                      <div class="col-md-6">
                        <div class="form-group">
                            <button type="submit" class="login-button">Sign Up</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

</div>
</section>
     
       
  
             <!-- Testimonial Area Start -->
      <section class="gauto-testimonial-area section_70">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="site-heading">
                     <h4>Some words</h4>
                     <h2>testimonial</h2>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-md-12">
                  <div class="testimonial-slider owl-carousel">
                     @foreach ($testimonial as $data)
                     <div class="single-testimonial">
                        <div class="testimonial-text">
                           <p>{{$data->description}}</p>
                           <div class="testimonial-meta">
                              <div class="client-image">
                                 <img src="{{ asset('storage/'.$data->profile_image) }}" alt="{{$data->profile_image}}" />
                              </div>
                              <div class="client-info">
                                 <h3>{{$data->name}}</h3>
                                 <p>{{$data->designation}}</p>
                              </div>
                           </div>
                        </div>
                     </div>
                     @endforeach
                    
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- Testimonial Area End -->
       
       
@endsection('content')