@extends('layouts.main')
@section('contentinner')
@section('title')
    Clients
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Clients Enquiry</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        @if(\Illuminate\Support\Facades\Auth::user()->can('CREATE INQUIRY'))
            <button class="btn" onclick="create('{{route('client.inquiry.create')}}')" style="margin-right: 2px"
                    id="receive_client_inquiry"><span
                        class="iconsweets-create"></span> RECEIVE ENQUIRY
            </button>
        @endif
    </li>
@stop
<div class="row-fluid">
    <div class="span12">
        <table class="table table-bordered table-condensed" id="clients_inquiry_list">
            <thead>
            <tr>
                <th class="nosort"><input type="checkbox" class="checkall"/></th>
                <th>Entry NO</th>
                <th>Entry Date</th>
                <th>Client</th>
                <th>Received BY</th>
                <th>Remarks</th>
                <th>Action</th>
            </tr>
            </thead>
        </table>
    </div><!--span12-->
</div><!--row-fluid-->
<script>
    var oTable = jQuery('#clients_inquiry_list').DataTable({
        "oLanguage": {
            "sLoadingRecords": startSpinner(),
            "sZeroRecords": "No Clients records to display.",
            "sProcessing": "Please wait - loading records...",
            "sInfoEmpty": "No entries to display."
        },
        "initComplete": function (settings, json) {
            stopSpinner();
        },
        ajax: {
            url: '{{route('client.inquiry.data_table')}}',
            data: function (d) {
                d.client_id = jQuery('#name').val();
            }
        },
        scrollCollapse: true,
        "sPaginationType": "full_numbers",
        processing: true,
        serverSide: true,
        "columns": [
            {data: 'checkbox'},
            {"class": "link", data: 'entry_number'},
            {"class": "link", data: 'entry_date'},
            {"class": "link", data: 'client'},
            {"class": "link", data: 'handed_by'},
            {"class": "link", data: 'remarks'},
            {"class": "link", data: 'action'}
        ],
        "bStateSave": true,
        "fnDrawCallback":function () {
            $('.client_inquiry_response_accounts').on('click',function(){
                var parent_div = $(this).closest('div');
                var client_inquiry_id = parent_div.find('.client_inquiry_id').val();
                        {{--var url = "{{route('clients.inquiries.response.create',[':id'])}}";--}}
                var url = "{{route('client_inquiry.review.index',[':id'])}}";
                url = url.replace(":id", client_inquiry_id);
                window.open(url,'_self')
            });
        }
    });

    function editRecordByURL(url) {
        jQuery.ajax({
            url: url,
            type: "GET",
            dataType: "html",
            beforeSend: function () {
                startSpinner();
            },
            success: function (data) {
                var modal = jQuery('#logistics_modal');
                modal.empty().append(data);
                modelShow('logistics_modal');
                onModalShown();
                var form = modal.find('form');
                form.on('submit', function (e) {
                    e.preventDefault();
                    jQuery.ajax({
                        url: form.attr('action'),
                        type: 'POST',
                        data: form.serialize(),
                        beforeSend: function () {
                            startSpinner();
                            disableSubmitBtn();
                        },
                        success: function (data) {
                            if (data.state === 'Done') {
                                jQuery.jGrowl(data.msg);
                                modalHide('logistics_modal');

                            } else if (data.state === 'Fail') {
                                jQuery.jGrowl(data.msg);

                            }
                            else if (data.state === 'Error') {
                                jQuery.jGrowl(data.msg);

                            }
                            else {
                                // jQuery.jGrowl('Something went wrong!');
                                var num = 0;
                                jQuery.each(data, function (k, v) {
                                    if (num == 0) jQuery.jGrowl(v);
                                    num++;
                                });
                            }
                            stopSpinner();
                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error);
                            stopSpinner();
                        },
                        complete: function () {
                            stopSpinner();
                            enableSubmitBtn();
                        }
                    });
                });


            },
            complete: function () {
                stopSpinner()
            },
            error: function (data) {
                console.log('Error: ');
                console.log(data);
            }
        });
    }

</script>
@stop