@extends('layouts.app')
@section('content')

<!-- PAGE-HEADER -->
<div class="page-header">
    <div>
        <h1>Bank Account <small>List Master</small></h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            {{-- <li class="breadcrumb-item"><a href="#">Services </a></li> --}}
            {{-- <li class="breadcrumb-item active" aria-current="page">Manage</li> --}}
        </ol>
    </div>
    <div class="float-end">
        @can('bank-details-create')
        <a class="btn btn-primary float-end" href="javascript:void(0)" id="createNewProduct"><i class="fa fa-plus"></i> Add Bank Account</a>
        @endcan
    </div>
</div>
<!-- PAGE-HEADER END -->




<div class="row mb-3">
    <div class="col-md-12">
        <div class="card shadow">
            <div class="card-body">
                <div class="table-responsive">

                    <div class="card-body">
                        <table class="table table-bordered table-hover data-table" width="100%">
                            <thead>
                                <tr>
                                    <th class="border-bottom-0">Sr.</th>
                                    <th class="border-bottom-0">Acc. Type</th>
                                    <th class="border-bottom-0">Acc. Number</th>
                                    <th class="border-bottom-0">IFSC</th>
                                    <th class="border-bottom-0">Branch Details</th>
                                    <th class="border-bottom-0">SWIFT Code</th>
                                    <th class="border-bottom-0">Daily Trx Limit</th>
                                    <th class="border-bottom-0">Authorised Signatory Name</th>
                                    <th class="border-bottom-0">UPI Details</th>
                                    <th class="border-bottom-0">Status</th>
                                    <th class="border-bottom-0">Last Update</th>
                                    <th class="border-bottom-0">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.card-body -->

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

@include('view-modals/bank_detail_addedit')

@stop


@section('scripting')

<script type="text/javascript">
    $(document).ready(function() {
        $(".standardSelect").selectpicker();

        $('.standardSelect').on('change', function() {
            $(this).valid();
            $('.standardSelect').selectpicker('refresh');
        });

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            scrollX: true,
            scrollX: true,
            ajax: "{{ url('getbankDetailsData') }}",
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },
                {
                    data: 'account_type',
                    name: 'account_type'
                },
                {
                    data: 'account_number',
                    name: 'account_number'
                },
                {
                    data: 'ifsc',
                    name: 'ifsc'
                },
                {
                    data: 'branch_details',
                    name: 'branch_details'
                },
                {
                    data: 'swift_code',
                    name: 'swift_code'
                },
                {
                    data: 'daily_transaction_limit',
                    name: 'daily_transaction_limit'
                },
                {
                    data: 'authorised_signatory_name',
                    name: 'authorised_signatory_name'
                },
                {
                    data: 'upi_details',
                    name: 'upi_details'
                },
                {
                    data: 'status',
                    name: 'status',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'updated_at',
                    name: 'updated_at',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: false,
                    searchable: false
                }
            ],
            language: {
                search: "_INPUT_",
                searchPlaceholder: "Search records",
            }
        });

        $('#createNewProduct').click(function() {
            reset_modal();
            $('#saveBtn').val("Create");
            $('#dataForm').trigger("reset");
            $('#modelHeading').html("Create New Bank Detail");
            $('#ajaxModel').modal('show');
        });

        $('body').on('click', '.editBank', function() {
            var bank_id = $(this).data('id');
            reset_modal();

            $.get("{{ url('bank_detail/edit') }}" + '/' + bank_id, function(data) {
                $('#modelHeading').html("Edit Bank Detail");
                $('#saveBtn').val("Save Changes");
                $('#ajaxModel').modal('show');

                $('#bank_id').val(data.id);
                $('#account_type').val(data.account_type);
                $('#account_number').val(data.account_number);
                $('#ifsc').val(data.ifsc);
                $('#branch_details').val(data.branch_details);
                $('#swift_code').val(data.swift_code);
                $('#daily_transaction_limit').val(data.daily_transaction_limit);
                $('#authorised_signatory_name').val(data.authorised_signatory_name);
                $('#upi_details').val(data.upi_details);
            });
        });

        $('#saveBtn').click(function(e) {
            e.preventDefault();
            $(this).html('Sending...');

            $.ajax({
                data: $('#dataForm').serialize(),
                url: "{{ url('bank_detail/store') }}",
                type: "POST",
                dataType: 'json',
                success: function(data) {
                    $('#dataForm').trigger("reset");
                    $('#ajaxModel').modal('hide');
                    table.draw();
                    swal({
                        title: "Success!",
                        text: data.msg,
                        icon: "success",
                    });
                },
                error: function(data) {
                    if (data.status == 422) {
                        var x = data.responseJSON;
                        $.each(x.errors, function(index, value) {
                            $("#" + index).addClass("is-invalid");
                            $("#" + index + "-error").html(value[0]);
                        });
                    }
                    $('#saveBtn').html('Save Changes');
                }
            });
        });

        $('body').on('click', '.deleteBank', function() {
            var bank_id = $(this).data("id");

            swal({
                title: "Are you sure?",
                text: "Once deleted, you won't be able to recover this bank detail!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('bank/delete') }}" + '/' + bank_id,
                        success: function(data) {
                            table.draw();
                            swal("Deleted!", "Bank detail has been deleted!", {
                                icon: "success",
                            });
                        },
                        error: function(data) {
                            console.log('Error:', data);
                        }
                    });
                } else {
                    swal("Your bank detail is safe!");
                }
            });
        });

        function reset_modal() {
            $('#bank_id').val("");
            $('#account_type').val("");
            $('#account_number').val("");
            $('#ifsc').val("");
            $('#branch_details').val("");
            $('#swift_code').val("");
            $('#daily_transaction_limit').val("");
            $('#authorised_signatory_name').val("");
            $('#upi_details').val("");

            $(".form-control").removeClass("is-invalid");
            $(".text-danger").html("");
            $('#saveBtn').html('Save Changes');
        }
    });
</script>

@stop