@extends('layouts.site')

@section('content')

<section>
    <div class="lgx-banner lgx-banner-inner">
        <div class="lgx-inner-bg">
            <div class="lgx-inner">
                <div class="container bartopline">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="lgx-heading-area">
                                <h2 class="lgx-heading lgx-heading-brand">
                                    <span class="back-heading"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                    <span class="heading">{{trans('home.payment-method')}}</span>
                                </h2>
                                <ul class="breadcrumb">
                                    <li><a href="{{ route('index') }}"><i class="icon-home6"></i>{{trans('home.home')}}</a></li>
                                    <li class="active">{{trans('home.payment-method')}}</li>
                                </ul>
                            </div>
                        </div>
                    </div><!--//.ROW-->
                </div><!-- //.CONTAINER -->
            </div><!-- //.INNER -->
        </div>
    </div>
</section>


<section>
    <div class="lgx-schedule">
        <div class="container-fluid">
            <div class="row justify-content-center lgx-inner">
                <div class="col-md-6">
                    <div class="lgx-tab">
                        <div class="align-items-center pt-3 boxing">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            <form method="POST" action="{{route('pay-session',$id)}}" class="col align-self-center" data-parsley-validate="">
                                @csrf
                                <div class="form-group row">
                                    <div class="col-md-6 text-center">
                                        <label class="checkbox-inline mx-4">
                                            <img class="mx-1" style="width: auto" height="100" src="{{ asset('images/fawry.jpg') }}" >
                                            <input type="radio" name="type" value="fawry">
                                        </label>
                                    </div>
                                    <div class="col-md-6 text-center">
                                        <label class="checkbox-inline mx-4">
                                            <img class="mx-1" style="width: auto" height="100"  src="{{ asset('images/vodafone.jpg') }}">
                                            <input type="radio" name="type" value="vodafone">
                                        </label>
                                    </div>
                                  <!--  <div class="col-md-4 text-center">
                                        <label class="checkbox-inline mx-4">
                                            <img class="mx-1" style="width: 174.82px" height="100"  src="{{ asset('images/vapulus.png') }}">
                                            <input type="radio" name="type" value="vapulus">
                                        </label>
                                    </div>-->
                                </div>

                                <div class="form-group">
                                    <div class="col-md-12">
                                        <button type="submit" class="lgx-btn">
                                            {{ trans('home.payNow') }}
                                        </button>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                                <div class="clearfix" style="height: 20px;"></div>
                                <div class="clearfix"></div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>




@endsection