@extends('layouts.main_without_top_button')
@section('credit_and_debit_note')
    active
@stop
@section('title')
    {{$vendor->name}} Profile
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('vendors.index')}}">Vendors</a> <span class="divider">/</span></li>
        <li><a href="{{route('vendors.show')}}">{{$vendor->name}} Profile</a> <span class="divider">/</span></li>
        <li class="active">Credit Notes</li>
    </ul>
@stop
@section('contentinner')
    <style>
        table tbody td .number {
            text-align: right;
        }

        table tbody td .number {
            text-align: right;
        }

        td.details-control {
            background: url('{{ URL::asset('img/details_open.png') }}') no-repeat center center;
            cursor: pointer;
        }

        tr.details td.details-control {
            background: url('{{ URL::asset('img/details_close.png') }}') no-repeat center center;
        }
    </style>
    <div class="tabbable">
        @include('vendors.includes.vendor_profile')
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="msghead">
                    <ul class="msghead_menu">
                        <li class="right btn-group">
                            <div class="btn-group">
                                <button class="btn" onclick="modelShow('credit_note_modal')">
                                    CREATE CREDIT NOTE
                                </button>
                            </div><!--btn-group-->
                        </li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->
                <br>
                <table class="table table-bordered table-condensed" id="journal-vouchers-list-1">
                    <thead>
                    <tr>
                        <th class="head0 nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                        <th class="head0" style="width: 20px">MORE</th>
                        <th class="head0" style="width: 80px">CREDIT NO..</th>
                        <th class="head1" style="width: 90px">Date</th>
                        {{--<th class="head0">Reference</th>--}}
                        <th class="head0">Cr A/c</th>
                        <th class="head0">Dr A/c</th>
                        <th class="head0">Currency</th>
                        <th class="head0">Exchange Rate</th>
                        <th class="head0">Amount</th>
                        <th class="head1">Remarks</th>
                        <th class="head0">Action</th>
                    </tr>
                    </thead>
                </table>
            </div><!--tab-pane-->
        </div><!--tabcontent-->
    </div><!--tabbable-->
    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="credit_note_modal"
         tabindex="-1">
        {!! Form::open(array('class' => 'stdform','id'=>'grn_payment_form','route'=>'credit-notes.store')) !!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel"><span class="vendors_name"></span></h3>
        </div>
        <div class="modal-body">
            <div class="row-fluid" style="margin-top: 4px">
                <div class="span6">
                    <label class="span4">Date</label>

                    <div class="field span8">
                        <input type="text" name="date" class="span12 make_payment_date" required/>
                    </div>
                </div>
                <div class="span6">
                    <label class="span4">Credit Account</label>

                    <div class="field span8">
                        <select name="" data-placeholder="Credited Account" required
                                id="credited_account" disabled>
                            @foreach($credit_account_groups as $credit_account_group)
                                <optgroup label="{{$credit_account_group->name}}">
                                    @foreach($credit_account_group->accounts as $account)
                                        <option class="account-select"
                                                value="{{$account->id}}"
                                                @if($vendor->accountable->account_id == $account->id)selected @endif> {{$account->name}} </option>
                                    @endforeach
                                </optgroup>
                            @endforeach
                        </select>
                        <input type="hidden" name="cr_account_id" value="{{$vendor->accountable->account_id}}"
                               required/>
                    </div>
                </div>
            </div>
            <div class="row-fluid" style="margin-top: 4px">
                <div class="span6">
                    <label class="span4">Amount</label>

                    <div class="field span8">
                        <input type="text" name="amount" class="span12 number total_amount" id="total_amount" required/>
                    </div>
                </div>
                <div class="span6">
                    <label class="span4">Currency</label>

                    <div class="field span8">
                        <select name="currency">
                            <option value="TSH">TSH</option>
                            <option value="USD">USD</option>
                        </select>
                    </div>
                </div>

            </div>
            <div class="row-fluid" style="margin-top: 4px">
                <div class="span6">
                    <label class="span4">Exchange Rate</label>

                    <div class="field span8">
                        <input type="text" name="exchange_rate" class="span12" required/>
                    </div>
                </div>
                <div class="span6">
                    <label class="span4">Debit Account</label>

                    <div class="field span8">
                        <select name="dr_account_id" data-placeholder="Debit Account" required
                                id="debited_account" class="account-select">
                            <option></option>
                            @foreach($debit_account_groups as $debit_account_group)
                                <optgroup label="{{$debit_account_group->name}}"
                                          data-value="{{$debit_account_group->id}}">
                                    @foreach($debit_account_group->accounts as $account)
                                        <option value="{{$account->id}}">{{$account->name}}</option>
                                    @endforeach
                                </optgroup>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <div id="append_credit_note_agaist"></div>
                </div>
            </div>
            <div class="row-fluid" style="margin-top: 2px">
                <div class="span12">
                    <label class="span2">Narration</label>

                    <div class="field span10">
                        <textarea cols="80" rows="1" class="span12" name="descriptions"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-success" name="update_vendor" id="update_vendor" type="submit">MAKE PAYMENT</button>
        </div>
        {!! Form::close() !!}
    </div>


    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="credit_note_edit_modal"
         tabindex="-1">
        {!! Form::open(array('class' => 'stdform','id'=>'credit_note_edit_form','route'=>'credit-notes.update')) !!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">EDIT CREDIT NOTES</h3>
        </div>
        <div class="modal-body" id="credit_note_edit_body">

        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-success" name="update_vendor" id="update_vendor" type="submit">UPDATE</button>
        </div>
        {!! Form::close() !!}
    </div>

    <script>
        jQuery('.make_payment_date').datepicker();

        {{--jQuery('#debited_account').on('change', function () {--}}
            {{--var account_id = jQuery(this).val();--}}
            {{--var document_id = 0;--}}
            {{--jQuery.ajax({--}}
                {{--url: '{{route('credit-notes.get-more-details')}}',--}}
                {{--type: 'get',--}}
                {{--data: {--}}
                    {{--account_id: account_id,--}}
                    {{--document_id: document_id--}}
                {{--},--}}
                {{--success: function (html) {--}}
                    {{--jQuery('#append_credit_note_agaist').empty().append(html);--}}
                    {{--jQuery('.invoice_to_credited').chosen();--}}
                {{--}--}}
            {{--});--}}
        {{--});--}}


        jQuery('#grn_payment_form').on('submit', function (e) {
            e.preventDefault();
            jQuery.ajax({
                url: '{{route('credit-notes.store')}}',
                type: 'post',
                data: jQuery(this).serialize(),
                success: function (html) {
                    if (html == 'DONE') {
                        notify('Credit Note Created Successful!');
                        jQuery('#credit_note_modal').modal('toggle');
                        jQuery('#journal-vouchers-list-1').dataTable().fnFilter(this.value);
                    } else {
                        alert("Fail to Create Credit Note.");
                    }
                }
            });
        });

        jQuery('#credit_note_edit_form').on('submit', function (e) {
            e.preventDefault();
            jQuery.ajax({
                url: '{{route('credit-notes.update')}}',
                type: 'post',
                data: jQuery(this).serialize(),
                success: function (html) {
                    if (html == 'DONE') {
                        notify('CREDIT NOTE UPDATED SUCCESSFUL!');
                        jQuery('#credit_note_edit_modal').modal('toggle');
                        jQuery('#journal-vouchers-list-1').dataTable().fnFilter(this.value);
                    } else {
                        alert("FAIL TO UPDATE CREDIT NOTE.");
                    }
                }
            });
        });

        var oTable = jQuery('#journal-vouchers-list-1').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading Credit Note...",
                "sZeroRecords": "No Credit Note to Display.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{{route('credit-notes.data-table',array('vendor_id'=>$vendor->accountable->account_id))}}',
                data: function (d) {
//                d.route_id = jQuery('#name').val();
                },
                error: function (xhr, textStatus, error) {
                    if (textStatus === 'timeout') {
                        alert('Timeout error. The server took too long to send back the data.\nPlease try again.');
                    }
                    oTable.fnProcessingIndicator(false);
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "aoColumnDefs": [{
                "aTargets": [8],
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    jQuery(nTd).css('text-align', 'right')
                    if ((sData == 0.00)) {
                        jQuery(nTd).addClass('highlight-red')
                    }
                }
            }],
            "columns": [
                {data: 'checkbox'},
                {
                    "class": "details-control",
                    "orderable": false,
                    "data": null,
                    "defaultContent": ""
                },
                {"class": "link", data: 'id_number'},
                {"class": "link", data: 'date'},
//                {"class": "link", data: 'reference'},
                {"class": "link number", data: 'credit_account'},
                {"class": "link number", data: 'debit_account'},
                {"class": "link number", data: 'currency'},
                {"class": "link number", data: 'exchange_rate'},
                {"class": "link", data: 'amount'},
                {"class": "link number", data: 'remarks'},
                {data: 'action'}
            ],
            "fnDrawCallback": function () {
                jQuery('.deleterow_c').click(function () {
                    var conf = confirm('Are you sure?');
                    if (conf)
                        var tr_p = jQuery(this).parents('tr');
                    var credit_note_id = tr_p.find('.credit_note_id').val();

                    jQuery.ajax({
                        type: "post",
                        cache: false,
                        {{--url: "{{route('credit-notes.delete')}}",--}}
                        data: {
                            credit_note_id: credit_note_id
                        },
                        success: function (data) {
                            if (data == 'DONE') {
                                notify('Credit Note Deleted Successful!');
                                jQuery('#journal-vouchers-list-1').dataTable().fnFilter(this.value);
                            } else if (data == 'FAIL') {
                                alert("Fail To delete Credit Note.");
                            }
                        },
                        error: function (data) {

                        }
                    });
                    return false;
                });

                jQuery('.update_credit_note').click(function () {
                    var tr_p = jQuery(this).parents('tr');
                    var credit_note_id = tr_p.find('.credit_note_id').val();

                    jQuery.ajax({
                        type: "get",
                        cache: false,
                        url: "{{route('credit-notes.edit')}}",
                        data: {
                            credit_note_id: credit_note_id
                        },
                        success: function (data) {
                            jQuery('#credit_note_edit_modal').appendTo("body").modal('toggle');
                            jQuery('#credit_note_edit_body').empty().append(data);
                            jQuery('.make_payment_date').datepicker();

                            jQuery('#debited_account_edit').on('change', function () {
                                var account_id = jQuery(this).val();
                                var document_id = 0;
                                jQuery.ajax({
                                    url: '{{route('credit-notes.get-more-details')}}',
                                    type: 'get',
                                    data: {
                                        account_id: account_id,
                                        document_id: document_id
                                    },
                                    success: function (html) {
                                        jQuery('#append_credit_note_edit_against').empty().append(html);
                                        jQuery('.invoice_to_credited').chosen();
                                    }
                                });
                            });
                        },
                        error: function (data) {

                        }
                    });
                    return false;
                });
            },
            "bStateSave": true,
        });
    </script>
@stop