@extends('layouts.app')

@section('content')
<div class="page-title">
    <h3>Aadhaar Pay</h3>
    @include('partials._breadcrumbs')
</div>
<div id="main-wrapper">

    <div class="row">
        <form method="POST" id="form" class="" action="/aadhaarPay/postSearchCustomer">
            @csrf
            <div class="col-md-12">
                <div class="panel panel-white">



                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group required">
                                    <label class="control-label">Select device </label>

                                </div>
                            </div>

                            <div class="col-md-2">
                                <input type="radio" name="device_type" id="device_type_1" value="MANTRA_PROTOBUF"
                                    checked>
                                <label class="form-check-label" for="device_type_1">
                                    Mantra
                                </label>
                                <input type="radio" name="device_type" id="device_type_2" value="MORPHO_PROTOBUF">
                                <label class="form-check-label" for="device_type_2">
                                    Morpho
                                </label>


                            </div>

                        </div>


                        <div class="row">

                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="control-label">Name </label>

                                    <input type="text" class="form-control" value="" id='name' name="name">

                                </div>
                            </div>


                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="control-label">Mobile </label>

                                    <input type="text" class="form-control" maxlength="10" minlength="10" value=""
                                        id='contact' name="contact">
                                </div>
                            </div>
                            <input type="hidden" name="order_id" value="{{'IMS' . round(microtime(true) * 1000)}}">
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="control-label">Aadhaar </label>

                                    <input type="text" class="form-control" value="" minlength="12" maxlength="12"
                                        id='aadhar' name="aadhar">
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-group">
                                    <label class="control-label">Amount </label>

                                    <input type="text" class="form-control" value="" id='amount' name="amount">
                                </div>
                            </div>

                        </div>
                    </div>
                    <input type="hidden" name="pidData" value="">




                    <div class="panel-body">
                        <div class="panel-heading clearfix">
                            Select bank
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <input type="radio" name="radio_IIN" id="b1" checked value="607094">
                                <label class="form-check-label" for="b1">
                                    SBI
                                </label>

                                <input type="radio" name="radio_IIN" id="b2" value="607027">
                                <label class="form-check-label" for="b2">
                                    Punjab national bank
                                </label>

                                <input type="radio" name="radio_IIN" id="b3" value="508505">
                                <label class="form-check-label" for="b3">
                                    Bank of India
                                </label>

                                <input type="radio" name="radio_IIN" id="b4" value="606985">
                                <label class="form-check-label" for="b4">
                                    Bank of Baroda
                                </label>

                                <input type="radio" name="radio_IIN" id="b5" value="607264">
                                <label class="form-check-label" for="b5">
                                    Central bank of India
                                </label>

                                <input type="radio" name="radio_IIN" id="other">
                                <label class="form-check-label" for="other">
                                    Other
                                </label>



                            </div>
                        </div>

                        <div class="row" id="select_other_bank">
                            <div class="col-md-2">
                                <div class="form-group">
                                    <select name="IIN" id="other_banks" class="form-control">
                                        <option hidden value="">Choose...</option>
                                        @foreach($aadharpaybanks as $banks)
                                        <option value="{{$banks->iin}}">{{$banks->name}}</option>
                                        @endforeach

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

                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-2">
                                <button id="scan" data-type="aadhar"  class="btn btn-xs btn-info" type="button">Scan</button>
                                <button class="btn btn-xs btn-success" type="submit">Submit</button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

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


<script>
    window.onload = function() {
        $("#select_other_bank").hide();

        {{-- $("#other").click(function(){
            $("#select_other_bank").toggle();
          }); --}}

          $("input[name$='radio_IIN']").click(function() {
            var value = $(this).val();
            if(value=='on')
            {
                $("#select_other_bank").show();
            }
            else{
                $("#select_other_bank").hide();
            }
           {{-- alert(test); --}}
        });

      };
</script>



@endsection