@extends('layouts.main', ['title' => 'Asset Services | ' . config('app.name')])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Asset Services</li>
    </ul>
@stop
@section('title')
    Asset Services
@endsection
@section('msghead_menu')
    <li class="right btn-group">
        {{--        <button class="btn " style="margin-right: 2px" onclick="openAdvancedSearch('asset_services_filter')" >--}}
        {{--            <span class="icon-search"></span> &nbsp; FILTER--}}
        {{--        </button>--}}
        {{--        @if(auth()->user()->can('IMPORT ASSET OPEN SERVICES'))--}}

        {{--        @endif--}}
        <button class="btn" style="margin-right: 2px" id="service_now"> Service</button>
        <br>
        <br>
    </li>
@stop
@section('contentinner')
    <div id="local_purchase_order_filters" class="sidenav">
        <a href="javascript:void(0)" class="closebtn"
           onclick="closeAdvancedSearch('asset_services_filter')">&times;</a>


    </div>
    @include('errors.errors-list')

    {{--    @include('stores.inventories.items.includes.tabs')--}}
    <!-- Main Table -->
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed">
                <thead>
                <form class="form-inline form-filter" id="vehicle_import_excel"
                      action="{{route('asset_registers.open_service_details.import')}}" method="post"
                      enctype="multipart/form-data">
                    <tr>
                        <td colspan="2" style="text-align: left">
                            <label style="text-align: left" for="code">Items </label>
                            <select name="item_id" class="searchable">
                                @foreach($items as $item)
                                    <option value="{{$item->id}}">{{$item->name}}</option>
                                @endforeach
                            </select>
                        </td>
                        <td colspan="2" style="text-align: center">
                            <select name="master_service_id" class="searchable">
                                @foreach($master_services as $master_service)
                                    <option value="{{$master_service->id}}">{{$master_service->description}}</option>
                                @endforeach
                            </select>
                        </td>
                        <td colspan="2">
                            <input type="file" name="import_file" class="import_file"/>
                        </td>
                        <td colspan="2">
                            <button class="btn btn-mini btn-primary">Import File</button>
                        </td>
                    </tr>
                </form>
                <tr>
                    <th style="width: 3%"></th>
                    <th style="width: 3%"></th>
                    <th style="width: 17%">Name</th>
                    <th style="width: 15%">Location</th>
{{--                    <th style="width: 15%">Custodian</th>--}}
                    <th style="width: 10%">Service TYpe</th>
                    <th style="width: 10%">Service Frequency</th>
                    <th style="width: 10%">Service Date</th>
                    <th style="width: 10%">Due</th>
                    <th style="width: 10%">Next Service</th>

                </tr>
                </thead>
                <tbody>
                @foreach($asset_services as $index=>$asset)
                    <tr class="asset_tr">
                        <td>{{++$index}}</td>
                        <td><input type="checkbox" name="asset_id[]" class="last_job_card_id"
                                   value="{{ $asset->asset_id }}"></td>
                        <td>{{ $asset->asset_code }}</td>
                        <td>{{ $asset->asset->location }}</td>
{{--                        <td>{{ $asset->asset->custodian }}</td>--}}
                        <td>{{ $asset->service_code }}</td>
                        <td>{{ $asset->service_frequency }} Months</td>
                        <td>{{\Carbon\Carbon::parse($asset->date)->toFormattedDateString() }}</td>
                        <td>{{ \Carbon\Carbon::parse($asset->date)->addMonths($asset->service_frequency)->toFormattedDateString() }}</td>
                        <td>
                            In {{ \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($asset->date)->addMonths($asset->service_frequency))}}
                            Days
                        </td>

                    </tr>
                @endforeach
                </tbody>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->


    <script>
        var keyword;
        $('.searchable').select2();
        jQuery('#search_box').keyup(function () {
            keyword = jQuery.trim(jQuery(this).val()).toUpperCase();

            jQuery('.asset_tr').hide();

            if (keyword == '') jQuery('.asset_tr').show();
            else var k = jQuery(".asset_tr").find("td:contains('" + keyword + "')").parents('.asset_tr').show();
        });

        $('#service_now').on('click', function () {
            var checked = jQuery('.last_job_card_id:checked').length > 0;

            var last_job_card_id = [];
            jQuery('.last_job_card_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    last_job_card_id.push(jQuery(this).val());
                }
            });
            jQuery.ajax({
                url: "{{route('workshops.asset_services.create')}}",
                type: 'GET',
                data: {
                    last_job_card_id: last_job_card_id
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    stopSpinner();
                    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) {
                                modalHide('logistics_modal');
                                jQuery.jGrowl('INVOICE GENERATED, CLICK HERE TO PRINT INVOICE <a class="btn btn-mini" href="' + data + '" target="_blank">PRINT</a>', {
                                    theme: 'contrastBorder',
                                    sticky: true
                                });
                                mainDataTable.draw();
                            },
                            error: function (xhr, textStatus, error) {
                                onAjaxError(xhr, textStatus, error);
                            },
                            complete: function () {
                                stopSpinner();
                                enableSubmitBtn();
                            }
                        });
                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        });
    </script>
@stop