@extends('layouts.app')
@section('title', 'Bank Branch')

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Bank Branch
            <small>Manage Bank Branch</small>
        </h1>
        <!-- <ol class="breadcrumb">
                                                                                                                                                                                                                                            <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
                                                                                                                                                                                                                                            <li class="active">Here</li>
                                                                                                                                                                                                                                        </ol> -->
    </section>

    <!-- Main content -->
    <section class="content">

        <div class="box">
            <div class="box-header">
                <h3 class="box-title">Manage Bank Branch</h3>
                @can('bank_details.create')
                <div class="box-tools">
                    <button type="button" class="btn btn-block btn-primary btn-modal" data-toggle="modal"
                        data-target="#addBankBranch">
                        <i class="fa fa-plus"></i> @lang( 'messages.add' )</button>
                </div>
                @endcan
            </div>
            <div class="box-body">
                @can('bank_details.view')
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped" id="bank_branch_table">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Bank Code</th>
                                    <th>Branch Name</th>
                                    <th>Address 1</th>
                                    <th>Address 2</th>
                                    <th>City</th>
                                    <th>Telephone Number</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                @endcan
            </div>
        </div>

        {{-- Add Voucher Model --}}
        <div class="modal fade" id="addBankBranch" tabindex="-1" role="dialog"
            aria-labelledby="addBankBranchCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="addBankBranchLongTitle">Add Bank Branch</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        {!! Form::open(['url' => action('BankBranchController@store'), 'method' => 'post', 'id' => 'add_bank_branch', 'enctype' => 'multipart/form-data']) !!}

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('bank_code', 'Bank Code' . ':*') !!}
                                {!! Form::text('bank_code', null, ['class' => 'form-control', 'required', 'placeholder' => 'Bank Code']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('bank_name', 'Branch Name' . ':*') !!}
                                {!! Form::text('bank_name', null, ['class' => 'form-control', 'required', 'placeholder' => 'Branch Name']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('ifsc_code', 'IFSC Code' . ':*') !!}
                                {!! Form::text('ifsc_code', null, ['class' => 'form-control', 'required', 'placeholder' => 'Bank Code']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('pin_code', 'Pin Code' . ':*') !!}
                                {!! Form::text('pin_code', null, ['class' => 'form-control', 'required', 'placeholder' => 'Pin Code']) !!}
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('address_1', 'Address 1' . ':*') !!}
                                {!! Form::text('address_1', null, ['class' => 'form-control', 'required', 'placeholder' => 'Address 1']) !!}
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('address_2', 'Address 2' . ':*') !!}
                                {!! Form::text('address_2', null, ['class' => 'form-control', 'required', 'placeholder' => 'Address 2']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('city', 'City' . ':*') !!}
                                {!! Form::text('city', null, ['class' => 'form-control', 'required', 'placeholder' => 'City']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('state', 'State' . ':*') !!}
                                {!! Form::text('state', null, ['class' => 'form-control', 'required', 'placeholder' => 'State']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('country', 'Country' . ':*') !!}
                                {!! Form::text('country', null, ['class' => 'form-control', 'required', 'placeholder' => 'Country']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('telephone_number', 'Telephone Number' . ':*') !!}
                                {!! Form::text('telephone_number', null, ['class' => 'form-control', 'required', 'placeholder' => 'Telephone Number']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('mobile_number', 'Mobile Number' . ':*') !!}
                                {!! Form::text('mobile_number', null, ['class' => 'form-control', 'required', 'placeholder' => 'Mobile Number']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('fax_number', 'Fax Number' . ':*') !!}
                                {!! Form::text('fax_number', null, ['class' => 'form-control', 'required', 'placeholder' => 'Fax Number']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('email', 'Email' . ':*') !!}
                                {!! Form::text('email', null, ['class' => 'form-control', 'required', 'placeholder' => 'Email']) !!}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('website', 'Website' . ':*') !!}
                                {!! Form::text('website', null, ['class' => 'form-control', 'required', 'placeholder' => 'Website']) !!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <button type="submit" class="btn btn-primary pull-right" id="submit_bank_branch_button">Add
                                    Bank Branch</button>
                            </div>
                        </div>

                        {!! Form::close() !!}
                    </div>
                </div>
               
            </div>
        </div>
        {{-- End Add Voucher Model --}}

    </section>
    <!-- /.content -->

@endsection

@section('javascript')
    <script src="{{ asset('js/labels.js?v=' . $asset_v) }}"></script>

    <script type="text/javascript">
        //Roles table
        $(document).ready(function() {
            var users_table = $('#bank_branch_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '/bank_branch',
                },

                columnDefs: [{
                    "targets": [8],
                    "orderable": false,
                    "searchable": false
                }],
                "columns": [{
                        "data": "id"
                    },
                    {
                        "data": "bank_code"
                    },
                    {
                        "data": "bank_name"
                    },
                    {
                        "data": "address_1"
                    },
                    {
                        "data": "address_2"
                    },
                    {
                        "data": "city"
                    },
                    {
                        "data": "telephone_number"
                    },
                    {
                        "data": "status",
                        render: function(data, type, row) {

                            if (row.status == 1) {
                                return '<div class="text-center" style="background-color:#3db230; color:white; border-radius: 8px;">Active</div>';
                            } else if (row.status == 0) {
                                return '<div class="text-center" style="background-color:#e83535; color:white; border-radius: 8px;">Inactive</div>';
                            } 

                        }
                    },
                    {
                        "data": "action"
                    },
                ]
            });
            $(document).on('click', 'button.delete_bank_branch_button', function() {
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_delete_user,
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();
                        $.ajax({
                            method: "DELETE",
                            url: href,
                            dataType: "json",
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    users_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            }
                        });
                    }
                });
            });

        });
    </script>


@endsection