@extends('layouts.main_without_top_button', ['title' => 'LOGISTICS | Claim Profile'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="{!! route('hse.claims.index') !!}">Claims</a><span class="divider">/</span></li>
        <li class="active">Claim Profile</li>
    </ul>
@stop

@section('contentinner')
    @include('HSE.claims.includes.tabs')
    <div class="span12 container-fluid" style="text-align: right; width: 94%">
        <li class="right btn-group">
            <div class="right btn-group">
                @if(!$claims->claimSettlement)
                    <button class="btn right" onclick="create('{{ route('hse.claims-feeds.create', array('id' => $claims->id)) }}')">
                        <i class="ui-icon-seek-end"></i> &nbsp;New Feed
                    </button>
                @endif
            </div>
        </li>
    </div>
    <br/>  <br/>  <br/>
    <div class="mediamgr_category">

        <table class="table table-bordered table-condensed" id="claims_feeds_table">
            <thead>
            <tr>
                <th class="head1" style="width: 20%">Date:</th>
                <th class="head1" style="width: 20%">Created By</th>
                <th class="head1" style="width: 20%">Document Type</th>
                <th class="head1" style="width: 34%">Remarks</th>
                <th class="head1" style="width: 06%">Action</th>
            </tr>
            </thead>
        </table>

    </div>

    <form method="post" id="attachment_form" enctype="multipart/form-data" style="display:none">
        <input type="file" name="file">
    </form>

    <script>

        var attachment_form = $('#attachment_form');
        var file_field = attachment_form.find('input:file');
        function uploadClaimAttachment(url) {
            attachment_form.attr('action', url);
            file_field.trigger('click');
            file_field.change(function () {
                if (file_field.val()) {
                    $.ajax({
                        url: attachment_form.attr('action'),
                        data: new FormData($("#attachment_form")[0]),
                        dataType: 'json',
                        async: false,
                        type: 'post',
                        processData: false,
                        contentType: false,
                        beforeSend: function () {
                            startSpinner()
                        },
                        success: function (data) {
                            onAjaxSuccess(data);
                            if (data.state == 'Done') oTable.draw();
                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error)
                        },
                        complete: function () {
                            stopSpinner();
                            file_field.val(null)
                        }
                    });
                }
            });
        }

        jQuery(".datepicker").datepicker();
        jQuery('.select2').select2();

        var oTable = jQuery('#claims_feeds_table').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No claim feed records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{route('hse.claims-feeds.datatable',array('id'=>$claims->id))}}',
                    data: function (d) {}
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order":[[0,'asc']],
                "columns": [
                    {"class": "link", data: 'date'},
                    {"class": "link", data: 'created_by'},
                    {"class": "link", data: 'document_type'},
                    {"class": "link", data: 'remarks'},
                    {"class": "link", data: 'action'}
                ],
                "bStateSave": true
            });

    </script>
@endsection