@extends('front.app')
@section('content')
<section class="wrapper bg-gradient-primary">
    <div class="container pt-10 pt-md-14 pb-8 text-center">
      <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
        <div class="col-lg-7">
          <figure>  <img class="img-fluid" src="{{asset('front/img/illustrations/i13.png')}}" srcset="{{asset('front/img/illustrations/i13@2x.png 2x')}}" alt="" /></figure>
        
        </div>
        <!-- /column -->
        <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start">
          <h1 class="display-1 mb-5 mx-md-n5 mx-lg-0">{{ trans('module.prog_title') }}</h1>
          <p class="lead fs-lg mb-7">{{ trans('module.prog_text') }}</p>
         
        </div>
        <!-- /column -->
      </div>
      <!-- /.row -->
    </div>
 
    <!-- /.container -->
  </section>
 
    <schedule-front :payload="{{$apointments}}" :id='{{$apointments->id}}' :user="{{$user}}"></schedule-front>

  <!-- /section -->
@endsection
@push('scripts')
 
@endpush