@extends('web.layouts.container')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}" />
@endsection

@section('content')
    <section class="section">
        <div class="container">
            <div class="form_box">
                <form enctype="multipart/form-data" method="post" action="{{$url}}" class="payment_form">
                    @csrf
                    <div class="row">
                        {{--                    <div class="col-lg-4">--}}
                        {{--                        <label>{{__('users.name')}}</label>--}}
                        {{--                        <input type="text" name="name" class="form-control" placeholder="{{__('users.name')}}" value="{{old('name')}}">--}}
                        {{--                    </div>--}}
                        {{--                    <div class="col-lg-4">--}}
                        {{--                        <label>{{__('users.phone')}}</label>--}}
                        {{--                        <input type="text" name="phone" class="form-control" placeholder="{{__('users.phone')}}" value="{{old('phone')}}">--}}
                        {{--                    </div>--}}
                        {{--                    <div class="col-lg-4">--}}
                        {{--                        <label>{{__('users.email')}}</label>--}}
                        {{--                        <input type="email" name="email" class="form-control" placeholder="{{__('users.email')}}" value="{{old('email')}}">--}}
                        {{--                    </div>--}}
                        {{--                    <div class="col-lg-6 ">--}}
                        {{--                        <label>{{__('users.cost')}}</label>--}}
                        {{--                        <input type="number" name="cost" class="form-control" placeholder="{{__('users.cost')}}" value="{{old('cost')}}" min="1">--}}
                        {{--                    </div>--}}
                        {{--                    <div class="col-lg-4">--}}
                        {{--                        <label>{{__('users.credit_number')}}</label>--}}
                        {{--                        <input type="number" min="1" name="credit_number" class="form-control" placeholder="{{__('users.credit_number')}}" value="{{old('credit_number')}}">--}}
                        {{--                    </div>--}}
                        {{--                    <div class="col-lg-4">--}}
                        {{--                        <label>{{__('users.expire_month')}}</label>--}}
                        {{--                        <input type="number" min="1" max="12" name="expire_month" class="form-control" placeholder="{{__('users.expire_month')}}" value="{{old('expire_month')}}">--}}
                        {{--                    </div>--}}
                        {{--                    <div class="col-lg-4">--}}
                        {{--                        <label>{{__('users.expire_year')}}</label>--}}
                        {{--                        <input type="number" name="expire_year"min="1" max="99" class="form-control" placeholder="{{__('users.expire_year')}}" value="{{old('expire_year')}}">--}}
                        {{--                    </div>--}}
                        {{--                    <div class="col-lg-4">--}}
                        {{--                        <label>{{__('users.security_code')}}</label>--}}
                        {{--                        <input type="number" min="1" name="security_code" class="form-control" placeholder="{{__('users.security_code')}}" value="{{old('security_code')}}">--}}
                        {{--                    </div>--}}
                        <div class="col-lg-4">
                            <label>{{__('users.pay_type')}}</label>
                            <select name="pay_type" class="form-control">
                                @foreach($ways as $row)
                                    <option {{session('pay_way') == $row['PaymentMethodId'] ? 'selected' : ''}} value="{{$row['PaymentMethodId']}}">@if(getCurrentLocale() == 'ar') {{$row['PaymentMethodAr']}} @else {{$row['PaymentMethodEn']}} @endif</option>
                                @endforeach
                            </select>
                        </div>
                        {{--                    <div class="col-lg-4">--}}
                        {{--                        <label>{{__('users.cost')}}</label>--}}
                        {{--                        <input type="text" readonly class="form-control bg-white" value="{{session('price') . __('users.currency')}}">--}}

                        {{--                    </div>--}}
                        <div class="col-md-4">
                            <div class="form-group mt-4">
                                <button class="btn btn-warning hvr-radial-out font-weight-bold payment_button" type="submit" >
                                    {{__('users.pay_now')}}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>

            </div>
        </div>
    </section>
@endsection

@section('inner_js')

    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>
    <script src="{{ asset('assets/web/js/my_fatoorah.pay.js') }}"></script>
@endsection