@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">General Journal Entries Edit</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="generalJournalForm">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="date">Date</label>
                                            @foreach ($data as $dd)
                                                @if ($loop->last)
                                                    <input type="date" name="date" id="date" value="{{ $dd->date }}"
                                                        class="form-control">
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="ref">Ref Number</label>
                                            @foreach ($data as $dd)
                                                @if ($loop->last)
                                                    <input type="text" name="ref" id="ref" value="{{ $dd->ref }}"
                                                        class="form-control">
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                    @foreach ($data as $dt)
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="account_id">Select Account</label>
                                                <select name="account_id[]" data-account="0" class="form-control account_id"
                                                    required>
                                                    <option value="" selected disabled>Select Account</option>
                                                    @foreach ($banks as $b)
                                                        @if ($dt->bank_id == $b->id)
                                                            <option data-name="bank" selected value="{{ $b->id }}">
                                                                {{ $b->account_name }}-{{ $b->banks->bank_name }}</option>
                                                        @else
                                                            <option data-name="bank" value="{{ $b->id }}">
                                                                {{ $b->account_name }}-{{ $b->banks->bank_name }}</option>
                                                        @endif
                                                    @endforeach
                                                    @foreach ($accounts as $a)
                                                        @if ($dt->account_id == $a->id)
                                                            <option data-name="account" selected
                                                                value="{{ $a->id }}">
                                                                {{ $a->name }}-{{ $a->category }}</option>
                                                        @else
                                                            <option data-name="account" value="{{ $a->id }}">
                                                                {{ $a->name }}-{{ $a->category }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <input type="hidden" name="account_type[]" class="account_type_0">
                                        <input type="hidden" name="account_type_credit[]" class="account_type_credit_0">
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="debit">Debit</label>
                                                <input type="number" name="debit[]" value="{{ $dt->debit }}"
                                                    placeholder="Amount" class="form-control debit">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="credit">Credit</label>
                                                <input type="number" name="credit[]" value="{{ $dt->credit }}"
                                                    placeholder="Amount" class="form-control credit">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="memo">Memo</label>
                                                <input type="text" name="memo[]" value="{{ $dt->memo }}"
                                                    placeholder="Memo" class="form-control">
                                            </div>
                                        </div>
                                    @endforeach
                                    <!-- <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="bank_id">Select Account</label>
                                            <select name="bank_id[]" data-account-credit="0" class="form-control bank_id">
                                                <option value="" selected disabled>Select Account</option>
                                                @foreach ($banks as $b)
    <option data-name-credit="bank" value="{{ $b->id }}">{{ $b->account_name }}-{{ $b->banks->bank_name }}</option>
    @endforeach
                                                @foreach ($accounts as $a)
    <option data-name-credit="account" value="{{ $a->id }}">{{ $a->name }}-{{ $a->category }}</option>
    @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="credit">Credit</label>
                                            <input type="number" name="credit[]" placeholder="Amount" class="form-control">
                                        </div>
                                    </div> -->
                                </div>
                                <div id="records"></div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <!-- <button type="button" class="btn btn-success addMore" style="margin-top: 30px;">
                                            <i class="icon-plus"></i> Add More
                                        </button> -->
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="memo">Total Debit</label>
                                            <input type="text" name="total_debit" id="total_debit" placeholder="Total Debit"
                                                class="form-control" value="0">
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <label for="memo">Total Credit</label>
                                            <input type="text" name="total_credit" id="total_credit"
                                                placeholder="Total Credit" class="form-control " value="0">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @foreach ($data as $dd)
                                @if ($loop->last)
                                    @if ($dd->status!='Cancelled')    
                                    <div class="form-actions">
                                        <button type="button" class="btn btn-danger mr-1" id="reverse">
                                            <i class="icon-trash"></i> Reverse
                                        </button>
                                    </div>
                                    @else
                                    <div class="form-actions">
                                        <label for="" style="font-size: 20">Reason Of Cancellation:</label>
                                        <p>{{$dd->reason}}</p>
                                    </div>
                                    @endif
                                @endif
                            @endforeach
                        </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 General Journal Entry</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>
                                    @foreach ($data as $dd)
                                        @if ($loop->last)
                                            <input type="text" hidden name="entry_no" id="entry_no"
                                                value="{{ $dd->entry_no }}" class="form-control">
                                        @endif
                                    @endforeach
                                    <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() {
            $('.account_id,.bank_id').select2();
            var count = 1;

            $(document).on('click', '#reverse', function() {
                $('#reverse_modal').modal('toggle');
            })

            $(document).on('keyup', '.debit', function() {
                var total_debit = 0;
                var debit = 0;
                $('.debit').each(function() {
                    debit = $(this).val();
                    if (debit == '') {
                        debit = 0
                    }
                    total_debit = total_debit + parseInt(debit);
                });
                $('#total_debit').val(total_debit);
            });

            $(document).on('keyup', '.credit', function() {
                var total_credit = 0;
                var credit = 0;
                $('.credit').each(function() {
                    credit = $(this).val();
                    if (credit == '') {
                        credit = 0
                    }
                    total_credit = total_credit + parseInt(credit);
                });
                $('#total_credit').val(total_credit);
            });

            $(document).on('click', '.removeRecord', function(e) {
                e.preventDefault();

                var data_id = $(this).attr('data-id');
                $('#record_' + data_id).remove();
            });

            $('.debit').trigger('keyup');
            $('.credit').trigger('keyup');

            $(document).on('change', '.account_id', function() {
                var attr = $(this).attr('data-account');
                var type = $('[data-account=' + attr + '] option:selected').attr('data-name');
                console.log(type);
                $('.account_type_' + attr).val(type);
            });
            $(document).on('change', '.bank_id', function() {
                var attr = $(this).attr('data-account-credit');
                var type = $('[data-account-credit=' + attr + '] option:selected').attr('data-name-credit');
                console.log('Credit', type);
                $('.account_type_credit_' + attr).val(type);
            });

            $('#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>