@extends('front.layout.default_layout')
@section('content')
<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa fa-rss"></i> Add Payment Links</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">Payment Links Setting</a></li>
        </ul>
    </div>

    @if (count($errors) > 0)
    <div class="alert alert-danger">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        </p>
        @endif
        @endforeach
    </div>
    <div class="d-flex justify-content-center">
        <div class="col-md-6 ">

            <form action="{{url('paymentLinkSave')}}" id="" method="post" enctype="multipart/form-data">
                @csrf
                @if($user_id !='')<input type="hidden" name="user_id" value="{{isset($user_id)?$user_id:''}}"  />
                @endif
                <div class="field-wrapper">
                    <div class="form-group input_div_height">
                        <label class="control-label">Payment Title<span class="text-danger">*</span></label>
                        <select class="form-control required" name="payment_id" id="payment_id" >

                            <option value=""> -- Select Payment Type -- </option>
                            @foreach($payment_data as $link)
                            <option value="{{$link->payment_id}}"> {{$link->link_name}}</option>
                            @endforeach

                        </select>
                    </div>
                    <div id="field_box">
                        
                    </div>

                </div>
                <div class="pd_l_20">
                    <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>Save</button>
                </div>
            </form>
        </div>
    </div>
</main>

<script type="text/javascript">
    $(document).ready(function() {
        $('#payment_id').change(function() {
            var val =  $('#payment_id').val();
            if(val == 9)
            {
                $("#field_box").empty();
                $("#field_box").append(
                    '<div class="form-group input_div_height">'+
                            '<label class="control-label ">Bank Name<span class="text-danger">*</span></label>'+
                            '<input type="text" class="form-control required" name="bank_name" placeholder="Bank Name">'+
                        '</div>'+
                        '<div class="form-group input_div_height">'+
                            '<label class="control-label">Customer Name<span class="text-danger">*</span></label>'+
                            '<input type="text" class="form-control required" name="customer_name" placeholder="Customer Name">'+
                        '</div>'+
                        '<div class="form-group input_div_height">'+
                            '<label class="control-label">IFSC Code<span class="text-danger">*</span></label>'+
                            '<input type="text" class="form-control required" name="ifsc_code" placeholder="IFSC Code">'+
                        '</div>'+
                        '<div class="form-group input_div_height">'+
                            '<label class="control-label">Account Number<span class="text-danger">*</span></label>'+
                            '<input type="text" class="form-control required number" name="account_number" placeholder="Account Number">'+
                        '</div>'
                );

            }else{
                $("#field_box").empty();
                $("#field_box").append(
                    '<div class="form-group input_div_height">'+
                            '<label class="control-label">Mobile Number<span class="text-danger">*</span></label>'+
                            '<input type="text" class="form-control required number" name="url" placeholder="98989898998">'+
                        '</div>'+
                        '<div class="form-group input_div_height">'+
                            '<label class="control-label">QR Image<span class="text-danger">*</span></label>'+
                            '<input type="file" class="form-control" name="qr_image">'+
                        '</div>'
                );
            }
        });
        
    });
</script>
@stop