@extends('layouts.app')
@section('content')
    <!-- Main row -->
    <div class="row">
        <!-- Left col -->
        <section class="col-lg-7">
            <!-- Map card -->
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title text-center">Add Funds to Your Account</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    @if (session()->has('message'))
                        <div class="alert alert-{{ session()->get('type')}} alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h5><i class="icon fa fa-close"></i> {{ session()->get('title')}}..!</h5>
                            {{ session()->get('message')}}
                        </div>
                    @endif

                        <form role="form" method="post" action="{{route('depositPreview.store')}}">
                            @csrf
                            <div class="card-body">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li><i class="icon fa fa-check"></i> <strong>{{ $error }}</strong></li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <div class="form-group">
                                    <label for="amount">Amount</label>
                                    <input type="text" class="form-control" id="amount" name="amount" placeholder="Enter Amount" required>
                                </div>
                                <div class="form-group">
                                    <label for="gateway">Payment Gateway</label>
                                    <select id="gateway" name="gateway" class="form-control">
                                        <option value="" selected>Select Gateway</option>
                                        @if($gateways)
                                            @foreach($gateways as $gateway)
                                                <option value="{{$gateway->id}}">{{$gateway->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <!-- /.card-body -->

                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>

                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </section>

        <!-- /.Left col -->
        <!-- right col (We are only adding the ID to make the widgets sortable)-->
        <section class="col-lg-5">
            <!-- Calendar -->
            <div class="card card-warning">
                <div class="card-header">
                    <h3 class="card-title text-center">Important Information</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="alert alert-info">
                        <h5><i class="icon fa fa-info"></i> Keep In Mind! Gateway Fees</h5>

                        @if($gateways)
                            <ul>
                            @foreach($gateways as $gateway)
                               <li> <strong>{{$gateway->name}}</strong> Fees: <strong>$ {{$gateway->fixed}} (Fixed) + {{$gateway->percent}}%</strong></li>
                            @endforeach
                            </ul>
                        @endif


                    </div>
                    <div class="small-box bg-success">
                        <div class="inner">
                            <h3>$ {{Auth::user()->balance}}</h3>
                            <p>Current Balance</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-cash"></i>
                        </div>
                        <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </section>
        <!-- right col -->
    </div>
    <!-- /.row (main row) -->

@endsection