@extends('user')
@section('content')

	<!-- page title -->
	<section class="section section--first section--bg" data-bg="{{url('/')}}/assets/front/img/section/section-bg.jpg" style="background: rgba(0, 0, 0, 0) url(&quot;{{url('/')}}/assets/front/img/section/section-bg.jpg&quot;) no-repeat scroll center center / cover;">
		<div class="container">
			<div class="row">
				<!-- section title -->
				<div class="col-12 col-sm-10 offset-sm-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3">
					<h2 class="section__title section__title--white">@include('partials.breadcrumb')</h2>
				</div>
				<!-- end section title -->
			</div>
		</div>
	</section>
	<!-- end page title -->

    <div class="section pricess">
        <div class="container">

            <div class="row">
                @include('errors.error')

                <div class="col-xl-12 col-lg-12">

                    <div class="tab-content" id="myTabContent2">
                        <div class="tab-pane fade show active" id="monthly" role="tabpanel" aria-labelledby="monthly-tab">
                            <div class="row">

                                @foreach($gates as $gate)
                                <div class="col-xl-4 col-lg-4 col-md-6 mx-auto">
                                    <div class="single-price special">
                                        <div class="part-top">
                                            <h4>{{$gate->name}}</h4>
                                        </div>
                                        <div class="part-bottom">
                                            <ul>
                                                <li>
                                                    <img class="card-img-top" src="{{asset('assets/images/gateway')}}/{{$gate->id.'.jpg'}}" alt="image">
                                                </li>
                                                <li>
                                            <a data-toggle="modal" data-target="#depositModal{{$gate->id}}" class="btn btn--shadow">Select</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                    <div id="depositModal{{$gate->id}}" class="modal fade" role="dialog">
                                        <div class="modal-dialog">

                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h4 class="modal-title">Deposit via <strong>{{$gate->name}}</strong></h4>
                                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                </div>

                                                <form method="post" action="{{route('deposit.data-insert')}}">
                                                    <div class="modal-body">
                                                        {{csrf_field()}}

                                                        <input type="hidden" name="gateway" value="{{$gate->id}}">
                                                        <label class="col-md-12 modal-msg-heading"><strong>DEPOSIT AMOUNT</strong>
                                                            <span class="modal-msg">({{ $gate->minamo }} - {{$gate->maxamo }}) {{$basic->currency}}
                                                                <br>
                                                Charged {{ $gate->fixed_charge }} {{$basic->currency}} + {{ $gate->percent_charge }}
                                                                %</span>
                                                        </label>
                                                        <hr/>
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                <input type="text" name="amount" class="form-control input-lg" id="amount"
                                                                       placeholder=" Enter Amount" required>
                                                                <div class="input-group-prepend">
                                                                    <span class="input-group-text">{{$basic->currency}}</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="submit" class="btn btn-primary ">Preview</button>

                                                        <button type="button" class="btn btn-default " data-dismiss="modal">Close
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>

                                        </div>
                                    </div>
                                @endforeach

                            </div>
                        </div>

                    </div>
                </div>

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

@stop