@extends('front.app')
@section('content')
<section class="wrapper bg-light">
    <div class="container pt-10 pt-md-14 pb-14 pb-md-16 text-center">
      <div class="row gx-lg-8 gx-xl-12 gy-10 gy-xl-0 mb-14 align-items-center">
        <div class="col-lg-7 order-lg-2">
          <figure><img class="img-auto" src="{{asset('front/img/illustrations/i16.png')}}" srcset="{{asset('front/img/illustrations/i16@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 fs-54 mb-5 mx-md-n5 mx-lg-0 mt-7">{{ trans('module.pay_title') }} <br class="d-md-none"><span class="rotator-fade red-color"> {{ trans('module.pay_text') }}</span></h1>

        </div>
        <!-- /column -->
      </div>
  <div class="row gy-6">
    <div class="col-md-6 col-lg-6">
        <a href="https://www.ghiseul.ro/ghiseul/public/amenzi" class="card shadow-lg lift h-100">
            <div class="card-body p-5 d-flex flex-row text-start">
                <div>
                    <span class="avatar bg-red text-white w-11 h-11 fs-20 me-4"><i class="uil uil-location-arrow"></i></span>
                </div>
                <div>
                
                    <h4 class="mb-1">{{ trans('module.pay_subtitle_1') }}</h4>
                    <p class="mb-0 text-body">{{ trans('module.pay_text_1') }}</p>
                    <span class="badge bg rounded py-1 mb-2 red-color-background">{{ trans('module.pay_tickets') }}</span>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-6 col-lg-6">
        <a href="https://www.ghiseul.ro/ghiseul/public/" class="card shadow-lg lift h-100 text-start">
            <div class="card-body p-5 d-flex flex-row">
                <div>
                    <span class="avatar bg-red text-white w-11 h-11 fs-20 me-4"><i class="uil uil-location-arrow"></i></span>
                </div>
                <div>
                   
                    <h4 class="mb-1">{{ trans('module.pay_subtitle_2') }}</h4>
                    <p class="mb-0 text-body">{{ trans('module.pay_text_2') }}</p>
                    <span class="badge bg rounded py-1 mb-2 red-color-background">{{ trans('module.pay_taxes') }}</span>
                </div>
            </div>
        </a>
    </div>
  </div>
      <!-- /.row -->
    </div>
    <!-- /.container -->
    <div class="overflow-hidden">
      <div class="divider text-soft-primary mx-n2">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100"><path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z"/></svg>
      </div>
    </div>
  </section>
  <!-- /section -->
@endsection