{{-- <button class="btn btn-primary pull-right m-b-10" data-toggle="modal" data-target="#popup-servicerequest"><i class="fa fa-plus"></i> Add</button> --}}
<table id="activity-activity-list" class="table table-striped  data-table">
    <thead class="list_head">
        <tr>
            <th>Request No.</th>
            <th>Asset Id</th>
            <th>Job Priority</th>
            <th>Requested By</th>
            <th>Request Date</th>
            <th>Asset Status</th>
            <th>Status</th>
            <th>Workorder No</th>
            <th>Workorder Status</th>
        </tr>
    </thead>
    <tbody>
        @forelse($service_requests as $service_request)
            <tr class="servicerequest" id="{!! @$service_request->getRouteKey() !!}">
                <td>{{ @ucfirst($service_request->request_no) }}</td>
                <td>{{ @ucfirst($service_request->asset->rfc) }}</td>
                <td>{{ @ucfirst($service_request->job_priority) }}</td>
                <td>{{ @ucfirst($service_request->employee->name) }}</td>
                <td>{{ @$service_request->request_date }}</td>
                <td>{{ @$service_request->asset_status }}</td>
                <td>{{ @$service_request->status }}</td>
                <td>{{ @$service_request->workorder->ref }}</td>
                <td>{{ @$service_request->workorder_status }}</td>
            </tr>
        @empty
            <tr>
                <td colspan="8">No Service Request</td>
            </tr>
        @endif

    </tbody>
</table>

<script>
    $(document).ready(function() {
        $('input[type="time"]').pickatime({
            format: 'h:i A',
            formatSubmit: 'HH:i:00',
            hiddenSuffix: '',
            interval: 10,
            selectMonths: true,
            selectYears: true
        }).prop('type', 'text');
        $('#servicerequest-save').click(function(e) {
            e.preventDefault();
            var form = $("#service_request-service_request-create");
            if (form.valid() == false) {
                toastr.error('Please enter valid information.', 'Error');
                return false;
            }


            var formData = new FormData();

            params = form.serializeArray();

            $.each(params, function(i, val) {
                formData.append(val.name, val.value);
            });
            $.ajax({
                url: "{!! trans_url('admin/service_request/service_request') !!}",
                type: 'POST',
                data: formData,
                cache: false,
                processData: false,
                contentType: false,
                dataType: 'json',
                success: function(data, textStatus, jqXHR) {
                    $("#service_request").load(
                        "{{ trans_url('admin/service_request/service_request/asset/list/') }}/{{ Crypt::encrypt($asset_id) }}"
                        );
                    $('#popup-servicerequest').modal('hide');
                }
            });
        });



        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth(); //January is 0! 
        var yyyy = today.getFullYear();

        $('.pickda').pickadate({
            min: new Date(yyyy, mm, dd),
            format: 'dd mmm, yyyy',
            formatSubmit: 'yyyy-mm-dd',
            hiddenSuffix: '',
            selectMonths: true,
            selectYears: true
        }).prop('type', 'text');

        //     $('.pickdate').pickadate({ 
        //     max: new Date(yyyy,mm,dd),
        //     format: 'dd mmm, yyyy',
        //     formatSubmit: 'yyyy-mm-dd',
        //     hiddenSuffix: '', 
        //     selectMonths: true,
        //     selectYears: true
        //     }).prop('type','text');
        //   var nowDate = new Date(yyyy,mm,dd);
        //   $("#request_date").val(nowDate);

        $('#activity-activity-list tbody').on('click', '.servicerequest', function() {
            var id = $(this).attr('id');
            window.open("{!! trans_url('admin/service_request/service_request?id=') !!}" + id, '_blank');
            return false;
        });
    });
</script>

<style type="text/css">
    .header {
        background: #3c8dbc;
        color: white;
    }
</style>