@extends('front.app')
@section('content')
<section class="wrapper bg-soft-primary">
    <div class="container pt-10 pb-15 pt-md-14 pb-md-20">
      <div class="row gx-lg-8 gx-xl-12 gy-10 mb-5 align-items-center">
        <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start order-2 order-lg-0" data-cues="slideInDown" data-group="page-title" data-delay="600">
          <h1 class="display-1 mb-5 mx-md-n5 mx-lg-0">{{ trans('module.form_title') }}</h1>
          <p class="lead fs-lg mb-7">{{ trans('module.form_text') }}</p>
          <div class="d-flex justify-content-center justify-content-lg-start process-wrapper line" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
            <div class="col-md-4 col-lg-4 col-sm-4"> <span class="icon btn btn-circle btn-lg btn-primary pe-none mb-4 red-color-background"><span class="number">01</span></span>
                <h6 class="mb-1">{{ trans('module.form_step_1') }}</h6>
           
              </div>
              <!--/column -->
              <div class="col-md-4 col-lg-4 col-sm-4"> <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4 red-color-background"><span class="number red-color-background">02</span></span>
                <h6 class="mb-1">{{ trans('module.form_step_2') }}</h6>
        
              </div>
              <!--/column -->
              <div class="col-md-4 col-lg-4 col-sm-4"> <span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4 red-color-background"><span class="number red-color-background">03</span></span>
                <h6 class="mb-1"> {{ trans('module.form_step_3') }}</h6>
            
              </div> 
        </div>
        
        </div>
        <!-- /column -->
        <div class="col-lg-7" data-cue="slideInDown">
          <figure><img class="w-auto" src="{{asset('front/img/illustrations/i14.png')}}" srcset="{{asset('front/img/illustrations/i14@2x.png 2x')}}" alt="" /></figure>
        </div>
        <!-- /column -->
        
      </div>
      <!-- /.row -->
      <div class="row gx-lg-12 gx-xl-12 gy-6 process-wrapper line">
        
      </div>
    </div>
    <!-- /.container -->
    
  </section>

  <section class="wrapper bg-light">
    <div class="container py-14 py-md-16">
      <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
        <div class="col-lg-12">
            <div class="card shadow">
                <div class="card-body">
                  <div class="row">
                   @foreach($results as $r)
                    <div class="col-lg-6">
                        <h2 class="mb-2">{{$r->name}}</h2>
                        <ul class="list-group list-inline mb-5">
                          @foreach($r->documents->where('post_status', 'active') as $document)
                            <li class="mb-1"><a class="red-color" href="{{route('document.show', [$document->slug])}}">{{$document->title}}</a></li>
                            @endforeach
                        </ul>
                    </div>
                    @endforeach
                  </div>
                </div>
            </div>
        </div>
      </div>
    </div>
  </section>
  <section class="wrapper bg-soft-primary">
    <div class="container mb-10">
      <div class="card bg-soft-primary">
        <div class="card-body p-12">
          <div class="row gx-md-8 gx-xl-12 gy-10">
            <div class="col-lg-6">	
              <img src="{{asset('front/img/icons/lineal/email.svg')}}" class="svg-inject icon-svg icon-svg-sm mb-4" alt="" />
              <h2 class="display-4 mb-3 pe-lg-10">{{ trans('module.form_title_bottom') }}</h2>
              <p class="lead pe-lg-12 mb-0">{{ trans('module.form_text_bottom') }}</p>
            </div>
            <!-- /column -->
            <div class="col-lg-6">
              <form class="contact-form " method="post" action="{{route('store.newform.request')}}" novalidate>@csrf
                <div class="messages"></div>
                <div class="row gx-4">
                  <div class="col-md-6">
                    <div class="form-floating mb-4">
                      <input id="frm_name" 
                             type="text" 
                             name="name" 
                             class="form-control border-0" 
                             placeholder="Jane"
                             value="{{@$user->name}}"
                             required="required" 
                             data-error="First Name is required.">
                      <label for="frm_name">Name *</label>
                      <div class="invalid-feedback">
                        Please enter your name.
                      </div>
                    </div>
                  </div>
                  <!-- /column -->
                  <div class="col-md-6">
                    <div class="form-floating mb-4">
                      <input id="frm_email"
                             type="email" 
                             name="email" 
                             class="form-control border-0" 
                             placeholder="jane.doe@example.com" 
                             value="{{@$user->email}}"
                             required="required" 
                             data-error="Valid email is required.">
                      <label for="frm_email">Email *</label>
                      <div class="valid-feedback">
                        Looks good!
                      </div>
                      <div class="invalid-feedback">
                        Please provide a valid email address.
                      </div>
                    </div>
                  </div>
                  <!-- /column -->
                  <div class="col-12">
                    <div class="form-floating mb-4">
                      <textarea id="frm_message"
                                name="message" 
                                class="form-control border-0" 
                                placeholder="Your message" 
                                style="height: 150px" 
                                required></textarea>
                      <label for="frm_message">Message *</label>
                      <div class="valid-feedback">
                        Looks good!
                      </div>
                      <div class="invalid-feedback">
                        Please enter your messsage.
                      </div>
                    </div>
                  </div>
                  <!-- /column -->
                  <div class="col-12">
                    <input type="submit" class="btn btn-outline-dark rounded-pill btn-send mb-3" value="Trimite mesaj">
                  </div>
                  <!-- /column -->
                </div>
                <!-- /.row -->
              </form>
              <!-- /form -->
            </div>
            <!-- /column -->
          </div>
          <!-- /.row -->
        </div>
        <!--/.card-body -->
      </div>
      <!--/.card -->
    </div>
    <!-- /.container -->
  </section>
  <!-- /section -->
@endsection