@extends('layouts.app')

@section('content')
<div class="page-title">
    <h3>DMT</h3>
    @include('partials._breadcrumbs')
</div>


<div id="main-wrapper">
    <div class="row">

        <div class="panel panel-white">

            <div class="panel-body">

                <form action="/dmr" method="POST" name="form" id="form">

                    @csrf
                    <div class="col-md-3">
                        <div class="form-group required">
                            <label for="" class="control-label">Beneficiary Name</label>
                            <input name="benifiary_name" required id="benifiary_name" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group required">
                            <label class="control-label" for=""> Mobile Number</label>
                            <input placeholder="" name="mobile_number" required pattern="\d*" maxlength="10"
                                minlength="10" id="mobile_number" class="form-control">
                        </div>
                    </div>

                    <input name="order_id" value="{{"PR".time()}}" id="order_id" type="hidden">

                    <div class="col-md-3">
                        <div class="form-group required">
                            <label for="" class="control-label">Beneficiary Bank </label>

                            <select onchange="$('#BANKIFSC_CODE').val($(this).val())" name="bank" id="bank" required
                                class="form-control">
                                <option value="">Select Bank</option>
                                @foreach ($banks as $bank)
                                <option value="{{$bank->ifsc}}">{{$bank->bank_name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group required">
                            <label for="" class="control-label"> Beneficiary Acc No.</label>
                            <input name="beneficiaryAccount" required id="beneficiaryAccount" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group required">
                            <label for="" class="control-label"> IFSC</label>
                            <input name="beneficiaryIFSC" id="BANKIFSC_CODE" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-1">
                        <div class="form-group required">
                            <br>
                            <button class="btn btn-success btn-xs" type="submit">Save</button>
                        </div>
                    </div>


                </form>

            </div>
        </div>


        <div class="panel panel-white">
            <div class="panel-body">
                <table id="example" class="table  table-condensed table-striped">
                    <thead>
                        <tr>
                            <th>Benificiary Name</th>
                            <th>Mobile Number</th>
                            <th>Account Number</th>
                            <th>IFSC</th>
                            <th>#</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($benificiaries as $benificiary)


                        <tr>
                            <td>{{$benificiary->benifiary_name}}</td>
                            <td>{{$benificiary->mobile_number}}</td>
                            <td>{{$benificiary->beneficiaryAccount}}</td>
                            <td>{{$benificiary->beneficiaryIFSC}}</td>
                            <td>
                                <a data-orderId="{{$benificiary->orderId}}" onclick="DmrTransfer(this)"
                                    href="javascript:void(0);" class="btn btn-xs btn-warning">Transfer</a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div id="forModal"></div>
</div>



@endsection