@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">Issue P.O Request</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="issuePOForm">
                            <div class="form-body">
                                {{-- <h4 class="form-section">
                                <i class="icon-user"></i> Personal Details</h4> --}}
                                <div class="row">
                                    @foreach ($po as $item)
                                        @if ($loop->last)
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="account_name">Bank Name</label>
                                                    <select name="bank_id" class="form-control">
                                                        <option value="" selected disabled="">Select Bank</option>
                                                        @foreach ($accounts as $account)
                                                            <option value="{{ $account->id }}"
                                                                @if ($account->id == $item->bank_id) {{ 'selected' }} @endif>
                                                                {{ $account->account_name }}-{{ $account->banks->bank_name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="">Date</label>
                                                    <input type="date" name="date" class="form-control"
                                                        value="{{ $item->date }}" placeholder="Date">
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach

                                </div>
                                <hr>
                                <div class="row">
                                    @foreach ($po as $item)
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="exp_id">Expenses</label>
                                                <select name="exp_id[]" class="form-control exp_id">
                                                    <option value="0" selected disabled="">Select Expenses</option>
                                                    @foreach ($exp as $e)
                                                        <option value="{{ $e->id }}"
                                                            @if ($e->id == $item->exp_id) {{ 'selected' }} @endif>
                                                            {{ $e->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="exp_id">Ref No</label>
                                                <input type="number" name="ref_no[]" value="{{$item->ref_no}}" id="ref_no" class="form-control">
                                            </div>
                                        </div>
                                        <!-- <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label for="account_name">Bank Name</label>
                                                                <select name="bank_id[]" class="form-control">
                                                                    <option value="" selected disabled="">Select Bank</option>
                                                                    @foreach ($accounts as $account)
    <option value="{{ $account->id }}">{{ $account->account_name }}-{{ $account->banks->bank_name }}</option>
    @endforeach
                                                                </select>
                                                            </div>
                                                        </div> -->
                                        <!-- <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label for="bank_id">Date</label>
                                                                <input type="date" name="date[]" id="date[]" class="form-control date">
                                                            </div>
                                                        </div> -->
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="job_no">Job</label>
                                                <select name="job_no[]" class="form-control job_no">
                                                    <option value="0" disabled="">Select Job</option>
                                                    @foreach ($jobs as $j)
                                                        <option value="{{ $j->id }}"
                                                            @if ($j->id == $item->job_no) {{ 'selected' }} @endif>
                                                            {{ $j->job_no }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="">Amount</label>
                                                <input type="text" name="amount[]" value="{{ $item->amount }}"
                                                    class="form-control" placeholder="Amount">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="">Memo</label>
                                                <input type="text" name="memo[]" value="{{ $item->memo }}"
                                                    class="form-control" placeholder="Memo">
                                            </div>
                                        </div>
                                    @endforeach
                                </div>

                            </div>

                            @foreach ($po 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 Issue PO</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 ($po as $dd)
                                        @if ($loop->last)
                                            <input type="text" hidden name="entry_no" id="entry_no"
                                                value="{{ $dd->entry_no }}" class="form-control">
                                                <input type="text" hidden name="transaction_name" id="transaction_name" 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>
        var count = 1;
        $(document).ready(function() {
            $('.exp_id').select2();
            $('.job_no').select2();
               
        $(document).on('click', '#reverse', function() {
            $('#transaction_name').val('Issue PO Request');
            $('#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>