@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="card-title-wrap bar-success">
                        <h4 class="card-title" id="basic-layout-form">Bank to Bank Transfer</h4>
                    </div>
                    {{-- <p class="mb-0">This is the most basic and cost estimation form is the default position.</p> --}}
                </div>
                <div class="card-body">
                    <div class="px-3">
                        <form class="form" id="banktobankForm">
                            <div class="form-body">
                                {{-- <h4 class="form-section">
                                <i class="icon-user"></i> Personal Details</h4> --}}
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="date">Date</label>
                                            <input type="date" id="date" value="{{ $data->date }}" class="form-control"
                                                name="date">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="ref">Ref Number</label>
                                            <input type="text" id="ref" value="{{ $data->ref }}" class="form-control"
                                                name="ref">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="from_bank">Select Bank From </label>
                                            <select name="from_bank" id="from_bank" class="form-control">
                                                <option selected disabled>Select Bank</option>
                                                @foreach ($accounts as $item)
                                                    <option value="{{ $item->id }}">
                                                        {{ $item->account_name }}-{{ $item->banks->bank_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="balance">Account Balance</label>
                                            <input type="text" readonly id="balance" class="form-control" name="balance">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="to_bank">Select Bank To </label>
                                            <select name="to_bank" id="to_bank" class="form-control">
                                                <option selected disabled>Select Bank</option>
                                                @foreach ($accounts as $items)
                                                    <option value="{{ $items->id }}">
                                                        {{ $items->account_name }}-{{ $items->banks->bank_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    {{-- <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="mode_pmt">Mode of Payment</label>
                                        <select name="mode_pmt" id="mode_pmt" class="form-control">
                                            <option selected  disabled>Select Mode</option>
                                            @foreach ($modes as $mod)
                                                <option value="{{$mod->id}}">{{$mod->mode_name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div> --}}
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="amount">Amount</label>
                                            <input type="text" id="amount" value="{{ $data->amount }}"
                                                class="form-control" name="amount">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="memo">Memo</label>
                                            <input type="text" id="memo" value="{{ $data->memo }}" class="form-control"
                                                name="memo">
                                        </div>
                                    </div>


                                </div>


                            </div>

                            <div class="form-actions">
                                @if ($data->status=='Active')
                                <div>
                                    <button type="button" class="btn btn-danger mr-1" id="reverse">
                                        <i class="icon-trash"></i> Reverse
                                    </button>
                                </div>
                                @else
                                <div>
                                    <label for="" style="font-size: 20">Reason Of Cancellation:</label>
                                    <p>{{$data->reason}}</p>
                                </div>
                                @endif
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade text-left" id="reverse_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header gradient-green-tea">
                    <h3 class="modal-title text-white" id="myModalLabel3">Reverse Transfer</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form class="form" id="reversal_form" method="POST" action="">
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label class="text-bold-500" for="note"> Reason </label>
                                            <input type="text" hidden name="entry_no" id="entry_no"
                                                value="{{ $data->id }}" class="form-control">
                                                <input type="text" name="transaction_name" id="transaction_name" value="Bank To Bank Transfer" hidden
                                        class="form-control">
                                    <textarea name="cancel_reason" required id="cancel_reason" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="form-actions center pt-2">
                            <a href="javascript:;" data-dismiss="modal">
                                <button type="button" class="btn btn-danger mr-1">
                                    <i class="icon-trash"></i> Cancel
                                </button>
                            </a>
                            <button type="submit" class="btn btn-raised btn-success btn_reverse" id="btn_reverse">
                                <i class="icon-note"></i> Save
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('afterScript')
    <script src="{{ asset('app-assets/vendors/js/core/jquery-3.3.1.min.js') }}"></script>

    <script>
        $(document).ready(function() {

            $('#from_bank').val('{{ $data->from_bank }}');
            $('#from_bank').trigger('change');
            $('#to_bank').val('{{ $data->to_bank }}');
            $(document).on('click', "#saveBtn", function(e) {
                e.preventDefault();

                var form_data = new FormData($("#banktobankForm")[0]);
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: "{{ route('add_bank_to_bank.store') }}",
                    type: "POST",
                    data: form_data,
                    async: false,
                    cache: false,
                    contentType: false,
                    enctype: 'multipart/form-data',
                    processData: false,
                    success: function(res) {
                        swal("Inserted!", "Bank Transfer has been Added Successfully!",
                            "success");
                        //  setTimeout(function() { 
                        //     // location.reload();
                        // }, 1000);
                        $('#banktobankForm')[0].reset();
                    },
                    error: function(err) {
                        swal('Not Valid', err.responseJSON.message, 'error');
                        // setTimeout(function() { 
                        //     location.reload();
                        // }, 1000);

                    }
                });
            });

            $(document).on('change', '#from_bank', function() {
                var val = $(this).val();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: "/fetchBalance/" + val,
                    type: "GET",
                    success: function(res) {
                        $('#balance').val(res.balance);
                    },
                    error: function(err) {
                        swal('Not Valid', err.responseJSON.message, 'error');
                        // setTimeout(function() { 
                        //     location.reload();
                        // }, 1000);

                    }
                });
            });

            $(document).on('click', '#reverse', function() {
                $('#reverse_modal').modal('toggle');
            })
            $('#reversal_form').submit(function(e) {
                $('.btn_reverse').hide();
                e.preventDefault();
                var form_data = new FormData($("#reversal_form")[0]);
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: "/general_journal_update",
                    type: "POST",
                    data: form_data,
                    async: false,
                    cache: false,
                    contentType: false,
                    enctype: 'multipart/form-data',
                    processData: false,
                    success: function(res) {
                        $('#btn_reverse').show();
                        swal("Success", "Entry has been Reversed", "success");
                        setTimeout(function() {
                            location.reload(true);
                        }, 1000);
                    },
                    error: function(err) {
                        swal('Not Valid', err.responseJSON.message, 'error');
                        // setTimeout(function() { 
                        //     location.reload();
                        // }, 1000);
                    }
                });
            });

        })
    </script>