@extends('maintenance.inspections.includes.inspection_tabs')
@section('inspections')
    <div class="tab-pane active">
        <div class="row-fluid">
            <div class="span12">
                <h4 class="widgettitle">Services <a class="btn pull-right" onclick="modelShow('addService')">Add</a>
                </h4>

                <div class="widgetcontent">
                    <table class="table table-bordered" id="dyntable">
                        <thead>
                        <tr>
                            <th class="head0">S/N</th>
                            <th class="head1">Description</th>
                            <th class="head1">Service Frequency</th>
                            <th class="head0">Create Remainder</th>
                            <th class="head1">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($services as $index=> $service)
                            <tr>
                                <td class="head0">{{++$index}}</td>
                                <td class="head1">{{$service->description}}</td>
                                <td class="head1">{{$service->service_frequency}} {{$service->service_frequency_type}}
                                    /{{$service->service_frequency_odometer}} km
                                </td>
                                <td class="head0">{{$service->create_remainder}} {{$service->create_remainder_type}}
                                    /{{$service->create_remainder_odometer}} Km
                                </td>
                                <td class="head1" style="width: 200px">
                                    <a  class="btn"  style="line-height: 8px">
                                        <i class="iconsweets-magnifying"></i>
                                    </a>
                                    <a class="updateClient btn"  style="line-height: 8px">
                                        <i class="iconfa-pencil"></i>
                                    </a>
                                    <a class="deleterow_c btn btn-danger" style="line-height: 8px">
                                        <i class="icon-trash"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div><!--widgetcontent-->
            </div><!--span6-->
        </div><!--row-fluid-->
    </div>


    <script>
        jQuery('.inspection').click(function () {
            var inspection_id = jQuery(this).parent().find('.inspection_id').val();
            allDetails(inspection_id);
            assignedToJob(inspection_id);
            doneJobs(inspection_id);

        });

        function allDetails(inspection_id) {
            jQuery.ajax({
                type: "POST",
                url: "{{route('inspections.show')}}",
                data: {inspection_id: inspection_id},
                success: function (data) {
                    jQuery('#all_details').empty().append(data);
                }
            })
        }
        function assignedToJob(inspection_id) {
            jQuery.ajax({
                type: "POST",
                url: "{{route('inspections.show.assignedToJob')}}",
                data: {inspection_id: inspection_id},
                success: function (data) {
                    jQuery('#assigned_to_jobcard').empty().append(data);
                }
            })
        }
        function doneJobs(inspection_id) {
            jQuery.ajax({
                type: "POST",
                url: "{{route('inspections.items.used')}}",
                data: {inspection_id: inspection_id},
                success: function (data) {
                    jQuery('#done').empty().append(data);
                }
            })
        }
    </script>
    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in modal-1"
         id="addService">
        <!-- Modal content-->
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>Add Service</h4>
        </div>
        {!! Form::open(array('class' => 'stdform','route'=>'services.create')) !!}
        <div class="modal-body">
            <p>
                <label>Description:</label>
                <span class="field">
                    <input type="text" name="description" class="span4" placeholder=""/>
                </span>
            </p>

            <p>
                <label>Frequency :</label>
                            <span class="formwrapper">
                            	<input type="checkbox" name="check2"/>
                                <input type="text" name="service_frequency" class="input-small" placeholder=""/>
                                <select name="service_frequency_type" id="selection2" class="uniformselect">
                                    <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                    <option value="Day">Day(s)</option>
                                    <option value="Month">Month(s)</option>
                                    <option value="Year">Year(s)</option>
                                    <option value="Trip">Trip(s)</option>
                                </select>
                                 <span>OR</span>
                                <input type="checkbox" name="check2"/>
                                <input type="text" name="service_frequency_odometer" class="input-small"
                                       placeholder="Odometer Unit"/>
                            </span>
            </p>
            <p>
                <label>Alert When Remain :</label>
                            <span class="formwrapper">
                            	<input type="checkbox" name="check2"/>
                                <input type="text" name="create_remainder" class="input-small" placeholder=""/>
                                <select name="create_remainder_type" id="selection2" class="uniformselect">
                                    <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                    <option value="Day">Day(s)</option>
                                    <option value="Month">Month(s)</option>
                                    <option value="Year">Year(s)</option>
                                    <option value="Trip">Trip(s)</option>
                                </select>
                                 <span>OR</span>
                                <input type="checkbox" name="check2"/>
                                <input type="text" name="create_remainder_odometer" class="input-small"
                                       placeholder="Odometer Unit"/>
                            </span>
            </p>
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <button class="btn btn-primary" type="submit">Submit</button>
                    <button type="reset" class="btn  btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
        </form>
    </div>
@stop