@extends('layouts.payment')

@section('title')
@lang('Payment Checkout')
@endsection

@section('content')
<section class="checkout-section-wrapper">
    <div class="container p-0">
        <div class="checkout-wrapper">
            <div class="checkout-logo">
                <a href="{{url('/')}}">
                    <img src="{{getPhoto($gs->header_logo)}}" alt="logo">
                </a>
            </div>
            <div class="checkout-body">
                <form class="row gy-3" action="{{route('process.payment.authenticate')}}" method="post">
                    @csrf
                    <div class="col-12">
                        <div
                            class="d-flex flex-wrap justify-content-evenly justify-content-sm-between mb-3 bg--body border p-2 rounded">
                            <h4 class="m-0 p-2">{{$payment->merchant->business_name}}</h4>
                            <h4 class="m-0 text--base p-2">
                                {{$payment->currency->symbol.amount($payment->amount,$payment->currency->type,2)}}</h4>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group">
                        <label for="email" class="form--label mb-1">@lang('Email')</label>
                        <input type="text" id="email" name="email" class="form-control form--control"
                            placeholder="@lang('Email')" required>
                    </div>
                    <div class="col-sm-12 form-group">
                        <label for="password" class="form--label mb-1">@lang('Password')</label>
                        <input type="password" name="password" id="password" class="form-control form--control"
                            placeholder="@lang('Password')" required>
                    </div>
                    <div class="col-12 d-flex justify-content-between">
                        <a href="{{route('process.payment.guest')}}" class="cmn--btn btn-dark w-50 mx-2">@lang('Guest Payment')</a>
                        <button type="submit" class="cmn--btn w-100 mx-2">@lang('Login & Continune')</button>
                    </div>
                </form>
                <div class="or">
                    <span>@lang('OR')</span>
                </div>
                <a href="{{route('user.register')}}" class="cmn--btn bg--section text--title w-100">@lang('Create
                    Account')</a>
                <a href="{{$payment->cancel_url}}" class="text--base mt-3"><u>@lang('Cancel Payment')</u></a>
            </div>
        </div>
    </div>
</section>
@endsection