@extends('maintenance.services.includes.service_tabs')
@section('services')
    <style>
        #createNewVehicleService {
            width: 60%;
            left: 35%;
        }
    </style>
    <div class="tab-pane active">
        <div class="row-fluid">
            <div class="span12">
                <div class="msghead">
                    <ul class="msghead_menu">
                        <li class="right btn-group">
                            <button onclick="modelShow('createNewVehicleService')" class="btn"><span
                                        class="iconsweets-create"></span> CREATE SERVICE
                            </button>
                        </li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->
                <br>
                <table class="table table-bordered" id="dyntable">
                    <thead>
                    <tr>
                        <th>S/N</th>
                        <th>Vehicle</th>
                        <th>Driver</th>
                        <th>Date Assigned</th>
                        <th>Km run</th>
                        <th>Trips</th>
                        {{--<th>Status</th>--}}
                        <th style="width: 80px">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($services as $index=> $service)
                        @if($service->subServiceNumber > 0)
                            <tr>
                                <td>
                                    <a href="{{route('vehicle-services.show',['vehicle_services'=>$service->id])}}">{{++$index}}</a>
                                </td>
                                <td>{{$service->vehicle_registration_number}}</td>
                                <td>{{$service->driver}}</td>
                                <td>{{$service->date_assigned}}</td>
                                <td>{{$service->odometer}}</td>
                                <td>{{$service->trips}}</td>
                                <td style="text-align: right">
                                    @if($service->vehicle_registration_number != '_ERROR_')
                                        <div class="btn-group">
                                            {{--<button onclick="openServiceModel1({{$service->id}})"--}}
                                                    {{--class="btn btn-mini">--}}
                                                {{--<i class="icon-eye-open icon"></i>--}}
                                            {{--</button>--}}
                                            <a class="btn btn-mini" href="{{route('vehicle-services.show',['vehicle_services'=>$service->id])}}"><i class="icon-eye-open icon"></i></a>
                                            <a href="{{route('vehicleService.print',array('service_id'=>$service->id))}}"
                                               style="margin-left: 2px" target="_blank" class="btn btn-mini"><i class="icon-print icon"></i></a>

                                            {{--<a href="{{route('service.printJobCard',array('service_id'=>$service->id))}}"--}}
                                               {{--style="margin-left: 2px" target="_blank" class="btn btn-mini">--}}
                                                {{--<i class="icon-print icon"></i> Job-card--}}
                                            {{--</a>--}}
                                            <button onclick="closeService({{$service->id}});" style="margin-left: 2px"
                                                    class="btn btn-mini">Close
                                            </button>
                                            <a href="{{route('vehicle-service.destroy',['id'=>$service->id])}}"
                                               style="margin-left: 2px"
                                               class="btn btn-mini btn-danger">
                                                <i class="icon-trash"></i>
                                            </a>
                                        </div>
                                    @endif
                                </td>
                            </tr>
                        @endif
                    @endforeach
                    </tbody>
                </table>
            </div><!--span6-->
        </div><!--row-fluid-->
    </div>

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog"
         class="modal hide fade in modal-1"
         id="openServiceModel">
        <!-- Modal content-->
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>SERVICE DETAILS</h4>
        </div>
        <div class="modal-body">
            <div id="widgetcontent">
                <div class="widgetcontent">
                    <div id="tabs">
                        <ul class="tabs">
                            <li id="service_general_tab"><a href="#tabs-1">GENERAL</a></li>
                            <li id="service_labour_cost_tab"><a href="#tabs-2">LABOR COST</a></li>
                            <li id="service_labour_cost_tab"><a href="#tabs-3">JOB CARDS</a></li>
                            <li id="service_material_cost_tab"><a href="#tabs-4">GOODS ISSUED NOTES</a></li>
                            {{--<li id="service_overhead_cost_tab"><a href="#tabs-4">OVERHEAD COST</a></li>--}}
                            <li id="service_other_cost_tab"><a href="#tabs-5">PAYMENT VOUCHERS</a></li>
                        </ul>
                        <div id="tabs-1">
                            <div id="all_details"></div>
                        </div>
                        <div id="tabs-2">
                            <div id="service_labour_cost_body"></div>
                        </div>
                        <div id="tabs-3">
                            <div id="service_job_cards_body"></div>
                        </div>
                        <div id="tabs-4">
                            <div id="service_material_cost_body"></div>
                        </div>
                        {{--<div id="tabs-4">--}}
                        {{--<div id="service_overhead_cost_body"></div>--}}
                        {{--</div>--}}
                        <div id="tabs-5">
                            <div id="service_other_cost_body"></div>
                        </div>

                    </div><!--row-fluid-->
                </div>
            </div>
            <div id="service_details" class="hide"></div>
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <span id="service_details_footer" class="hide">
                                <a class="btn btn-primary" style="margin: 2px;color: #ffffff"
                                   id="save_edited_vehicle_service">
                                    <i class="iconfa-ok"></i> SAVE
                                </a>
                                <a class="btn btn-info" style="margin: 2px;color: #ffffff"
                                   id="reset_edit_vehicle_service">
                                    <i class="iconfa-refresh"></i> RESET
                                </a>
                                <a class="btn btn-inverse" style="margin: 2px;color: #ffffff"
                                   id="cancel_edit_vehicle_service">
                                    <i class="iconfa-cut"></i> CANCEL
                                </a>
                                <a class="btn btn-mini" id="add_new_vehicle_service" style="margin: 2px;color: #252525">
                                    <i class="iconfa-plus-sign"></i> ADD ROW
                                </a>
                    </span>

                    <button type="reset" class="btn btn-mini" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog"
         class="modal hide fade in modal-1"
         id="createNewVehicleService">
        <!-- Modal content-->
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>CREATE VEHICLE SERVICE</h4>
        </div>
        {!! Form::open(array('class' => 'stdform','route'=>'non_schedule.vehicle_services.store')) !!}
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span12">
                    <div class="row-fluid">
                        <div class="span6">
                            <label class="span4" for="route">Date</label>

                            <div class="span8">
                                <input type="text" id="assigned_date" name="service_date"
                                       class="filekeyword datepicker" placeholder="Date" required/>
                            </div>
                        </div>

                        <div class="span6">
                            <label class="span4" for="route_type">Vehicle</label>

                            <div class="span8">
                                <span class="formwrapper">
                                        <select data-placeholder="Select Vehicle.." style="width:250px"
                                                class="vehicle_id"
                                                name="vehicle_id" id="vehicle_id"
                                                tabindex="2">
                                            <option value="" id="vehicle_id_default"></option>
                                            @foreach($vehicles as $vehicle)
                                                <option value="{{$vehicle->id}}">{{$vehicle->registration_number}}</option>
                                            @endforeach
                                        </select>
                                        </span>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span6">
                            <label class="span4" for="formGroupInputSmall">Type</label>

                            <div class="span8">
                                <select class="service_type">
                                    <option>LOCAL</option>
                                    @foreach($vendors as $vendor)
                                        <option value="{{$vendor->id}}">{{$vendor->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="span6">
                            <label class="span4" for="formGroupInputSmall">Requested By</label>

                            <div class="span8" id="service_driver_id">
                                <select style="width:250px"
                                        name="driver_id" id="driver_id"
                                        tabindex="2" required>
                                    <option value=""></option>
                                    @foreach($employees as $employee)
                                        <option value="{{$employee->employee_id}}">{{$employee->fullName}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    </div>

                    <input type="hidden" name="service_type" value="NON_SCHEDULE">
                    <input type="hidden" name="reasons" value="MANUAL_CREATED">

                </div>
            </div>
            <br>
            <br>

            <div class="row-fluid">
                <div class="span12">
                    <table style="margin-bottom: 3px;margin-left: 5%;width: 90%" class="table table-condensed">
                        <thead>
                        <tr>
                            <th width="80%">Service Description</th>
                            <th>&nbsp;</th>
                        </tr>
                        </thead>
                        <tbody id="non_schedule_sub_service_body">
                        <tr>
                            <td width="90%">
                        <span class="formwrapper span12">

                            <select data-placeholder="Choose Service" name="services[]" class="searchable_select"
                                    style="width: 100%">
                                <option value=""></option>
                                @foreach($_services as $service)
                                    <option value="{{$service->id}}">{{$service->name}}</option>
                                @endforeach
                            </select>
                            <div style="width: 100%;margin-top: 4px;margin-left: 10px">

                            </div>
                        </span>
                            </td>
                            <td></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <button class="btn btn-primary" type="submit">CREATE SERVICE</button>
                    <button type="reset" class="btn" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-mini" id="add_sub_service">Add Service <span
                                style="font-size: 10px;color: #51a7c6"> ( alt+a )</span></button>
                </div>
            </div>
        </div>
        </form>
    </div>

    <table style="width: 90%" class="fade">
        <tbody>
        <tr class="non_schedule_sub_service_details">
            <td>
            <span class="formwrapper">
                <select placeholder="Choose Service..." name="services[]" style="width: 100%">
                    <option value=""></option>
                    @foreach($_services as $_service)
                        <option value="{{$_service->id}}">{{$_service->name}}</option>
                    @endforeach
                </select>
            </span>

                <div style="width: 100%;margin-top: 4px;margin-left: 10px">

                </div>
            </td>
            <td>
                <a class="remove_sub_service">
                    <i class="iconfa-minus-sign" style="font-size: 18px;padding-top:12px;color: red"></i>
                </a>
            </td>
        </tr>
        </tbody>
    </table>

    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="good_issued_note_create_modal">
        {!! Form::open(array('class' => 'stdform','id'=>'good_issued_note_create_form')) !!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">CREATE GIN</h3>
        </div>
        <div class="modal-body">

            <div class="row-fluid" style="margin-top: 4px">
                <div class="span6">
                    <label class="span4">Date</label>

                    <div class="field span8">
                        <input type="text" name="date_created" class="span12 datepicker" required/>
                        <input type="hidden" name="service_id" class="span12 good_issued_note_service_id" required/>
                    </div>
                </div>
                <div class="span6">
                    <label class="span4">Received By</label>

                    <div class="field span8">
                        <select name="received_by">
                            <option></option>
                            @foreach($employees as $employee)
                                <option value="{{$employee->employee_id}}">{{$employee->fullName}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>

            <div class="row-fluid">
                <div class="span12">
                    <table class="table table-condensed" id="addedRow">
                        <tr>
                            <th>Item</th>
                            <th>Quantity</th>
                            <th>Descriptions</th>
                            <th></th>
                        </tr>
                        <tr>
                            <td>
                                <select name="item_id[]">
                                    <option></option>
                                    @foreach($items as $item)
                                        <option value="{{$item->id}}">{{$item->name}}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td><input type="text" name="quantity[]" class="span12"/></td>
                            <td><textarea name="descriptions[]" rows="1" class="span12"></textarea></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-success" type="submit">CREATE</button>
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn" type="button" id="addRow"><i class="icon-plus-sign"></i> Add Item</button>
        </div>
        {!! Form::close() !!}
    </div>


    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="expense_payment_voucher_modal"
    >
        {!! Form::open(array('class' => 'stdform','id'=>'payment_voucher_form','route'=>'payment-vouchers.store')) !!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">CREATE EXPENSES PAYMENTS VOUCHER</h3>
        </div>
        <div class="modal-body">
            <input type="hidden" name="vehicle_service_id" class="payment_voucher_service_id">

            <div class="row-fluid" style="margin-top: 4px">
                <div class="span6">
                    <label class="span4">Payment Date</label>

                    <div class="field span8">
                        <input type="text" name="date_created" class="span12 datepicker" required/>
                    </div>
                </div>
                <div class="span6">
                    <label class="span4">Paid From</label>

                    <div class="field span8">
                        <select name="account_id" data-placeholder="Credited Account" required
                                id="credited_account" class="form-control credited_account searchable_select"
                                style="width: 100%">
                            @foreach($credit_account_groups as $credit_account_group)
                                <optgroup label="{{$credit_account_group->name}}">
                                    @foreach($credit_account_group->accounts as $account)
                                        <option class="account-select"
                                                value="{{$account->id}}"> {{$account->name}} </option>
                                    @endforeach
                                </optgroup>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="row-fluid" style="margin-top: 4px">
                <div class="span6">
                    <label class="span4">Reference Number</label>

                    <div class="field span8">
                        <input type="text" name="reference_number" class="span12"/>
                    </div>
                </div>
                <div class="span6">
                    <label class="span4">Payee </label>

        <span class="field span8">
            <input type="text" name="received_by" class="span12" required/>
        </span>
                </div>
            </div>
            <div class="row-fluid" style="margin-top: 4px">
                <div class="span6">
                    <label class="span4">Exchange Rate</label>

                    <div class="field span8">
                        <input type="text" name="exchange_rate" class="span12" required/>
                    </div>
                </div>
                <div class="span6">
                    <label class="span4">Paid By </label>

        <span class="field span8">
            <select name="paid_by" id="paid_by" style="width: 100%" class="searchable_select" required>
                @foreach($employees as $employee)
                    <option value="{{$employee->employee_id}}">{{$employee->fullName}}</option>
                @endforeach
            </select>
        </span>
                </div>

            </div>

            <div class="row-fluid">
                <div class="span12">
                    <table class="table table-condensed" id="paymeny_voucher_item_more_added">
                        <tr>
                            <th>Paid Account(DR)</th>
                            <th>Currency</th>
                            <th>Amount</th>
                            <th>Descriptions</th>
                            <th></th>
                        </tr>
                        <tr>
                            <td>
                                <select name="dr_account_id[]" data-placeholder="Debit Account" required
                                        id="debited_account" class="searchable_select">
                                    @foreach($expense_debit_account_groups as $expense_debit_account_group)
                                        <optgroup label="{{$expense_debit_account_group->name}}">
                                            @foreach($expense_debit_account_group->accounts as $account)
                                                <option value="{{$account->id}}">{{$account->name}}</option>
                                            @endforeach
                                        </optgroup>
                                    @endforeach
                                </select>
                            </td>
                            <td>
                                <select name="currency[]" class="searchable_select">
                                    <option value="TSH">TSH</option>
                                    <option value="USD">USD</option>
                                </select>
                            </td>
                            <td><input type="text" name="amount[]" id="amount" value="" placeholder="Paid Amount"
                                       class="span12 number"/>
                            </td>
                            <td>
                                <textarea name="descriptions[]" rows="1" class="span12"></textarea>
                            </td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="row-fluid" style="margin-top: 2px">
                <div class="span12">
                    <label class="span2">Narration</label>

        <span class="field span10">
           <textarea cols="80" rows="1" class="span12" name="remarks"></textarea>
        </span>
                </div>
            </div>

        </div>
        <div class="modal-footer">
            <button class="btn btn-success" type="submit">SUBMIT PAYMENT(S)</button>
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn" type="button" id="add_another_paymeny_voucher_item"><i class="icon-plus-sign"></i> Add
                Expenses
            </button>
        </div>
        {!! Form::close() !!}
    </div>

    <table style="display:none">
        <tbody id="addingrow">
        <tr>
            <td>
                <input type="hidden" name="payment_voucher_item_id[]" value="">
                <select name="dr_account_id[]" data-placeholder="Debit Account" required
                        id="debited_account">
                    @foreach($expense_debit_account_groups as $expense_debit_account_group)
                        <optgroup label="{{$expense_debit_account_group->name}}">
                            @foreach($expense_debit_account_group->accounts as $account)
                                <option value="{{$account->id}}">{{$account->name}}</option>
                            @endforeach
                        </optgroup>
                    @endforeach
                </select>
            </td>
            <td>
                <select name="currency[]">
                    <option value="TSH">TSH</option>
                    <option value="USD">USD</option>
                </select>
            </td>
            <td><input type="text" name="amount[]" id="amount" value="" placeholder="Paid Amount"
                       class="span12 number"/>
            </td>
            <td>
                <textarea name="descriptions[]" rows="1" class="span12"></textarea>
            </td>
            <td width="20">
                <a class="remove_row alert-danger" id="removerow"><i class="icon-trash"></i></a>
            </td>
        </tr>
        </tbody>
    </table>
    <script>
        jQuery('body').on('DOMNodeInserted', 'select', function () {
            jQuery(this).select2();
        });

        jQuery('#driver_id ,.service_type,.vehicle_id,.searchable_select').select2();
        jQuery('.datepicker').datepicker();

        jQuery('#add_sub_service').each(function () {
            if (jQuery(this).attr('initialized') != 'true') {
                jQuery(this).on('click', function (e) {
                    e.preventDefault();
                    var add_row = jQuery('.non_schedule_sub_service_details').clone();
                    add_row.removeClass('non_schedule_sub_service_details').find('select[name="services[]"]').select2();
                    jQuery('#non_schedule_sub_service_body').prepend(add_row);
                    jQuery('.remove_sub_service').on('click', function () {
                        jQuery(this).parent().parent().remove();
                    });
                    var vehicle_id = jQuery('#vehicle_id').val();
                    f(vehicle_id);
                });

                jQuery(this).attr('initialized', 'true');
            }
        });


        jQuery(document).jkey('alt+a', function () {
            var add_row = jQuery('.non_schedule_sub_service_details').clone();
            add_row.removeClass('non_schedule_sub_service_details').find('select[name="services[]"]').select2();
            jQuery('#non_schedule_sub_service_body').prepend(add_row);
            jQuery('.remove_sub_service').on('click', function () {
                jQuery(this).parent().parent().remove();
            });
            var vehicle_id = jQuery('#vehicle_id').val();
            f(vehicle_id);
        });

        jQuery('#vehicle_id').on('change', function () {
            var vehicle_id = jQuery('#vehicle_id').val();
            f(vehicle_id);
        });

        function f(vehicle_id) {
            jQuery('select[name="services[]"]').on('change', function () {
                var to_append_div = jQuery(this).parent().parent().find('div');
                var service_id = jQuery(this).val();
                if (vehicle_id) {
                    jQuery.ajax({
                        url: '{{route('vehicles.get-tires')}}',
                        type: 'get',
                        data: {
                            vehicle_id: vehicle_id,
                            service_id: service_id
                        },
                        success: function (html) {
                            if ((html == 'NO_TIRES') || (html == 'NOT_TIRE_SERVICE')) {
                                to_append_div.empty();
                            } else {
                                to_append_div.empty().append(html);
                            }
                        }
                    });
                }

                return false;
            });
        }

        function editServiceDetails(vehicle_service_id) {
            jQuery.ajax({
                url: '{{route('vehicle-services.edit')}}',
                type: 'get',
                data: {
                    vehicle_service_id: vehicle_service_id
                },
                success: function (html) {
                    jQuery('#widgetcontent').addClass('hide');
                    jQuery('#service_details').removeClass('hide').empty().append(html);
                    jQuery('#service_details_footer').show();
                    jQuery('.searchable_select').select2();
                    jQuery('.remove_sub_service').on('click', function () {
                        jQuery(this).parent().parent().remove();
                    });
                    manageVehicleServiceDetails();

                    var vehicle_id = jQuery('#vehicle_id_edited').val();
                    f(vehicle_id)
                }
            });
        }

        function manageVehicleServiceDetails() {
            var vehicle_service_id = jQuery('#vehicle_service_edit').val();
            jQuery('#reset_edit_vehicle_service').each(function () {
                if (jQuery(this).attr('initialized') != 'true') {
                    jQuery(this).on('click', function (e) {
                        editServiceDetails(vehicle_service_id);
                    })
                }
                jQuery(this).attr('initialized', 'true');
            });
            jQuery('#cancel_edit_vehicle_service').each(function () {
                if (jQuery(this).attr('initialized') != 'true') {
                    jQuery(this).on('click', function (e) {
                        jQuery('#service_details_footer').hide();
                        jQuery('#widgetcontent').removeClass('hide');
                        jQuery('#service_details').addClass('hide');
                        serviceGeneralTab(vehicle_service_id);
                    })
                }
                jQuery(this).attr('initialized', 'true');
            });
            jQuery('#save_edited_vehicle_service').each(function () {
                if (jQuery(this).attr('initialized') != 'true') {
                    jQuery(this).on('click', function (e) {
                        jQuery.ajax({
                            url: '{{route('vehicle-services.update')}}',
                            type: 'post',
                            data: jQuery('#vehicle_service_edit_form').serialize(),
                            success: function (vehicle_service_id) {
                                if (vehicle_service_id) {
                                    jQuery('#service_details_footer').hide();
                                    jQuery('#widgetcontent').removeClass('hide');
                                    jQuery('#service_details').addClass('hide');
                                    serviceGeneralTab(vehicle_service_id);
                                    serviceLabours(vehicle_service_id);
                                    serviceJobCards(vehicle_service_id);
                                    serviceMaterial(vehicle_service_id);
                                    serviceOtherCost(vehicle_service_id);
                                }
                            }
                        });
                    })
                }
                jQuery(this).attr('initialized', 'true');
            });

            jQuery('#add_new_vehicle_service').each(function () {
                if (jQuery(this).attr('initialized') != 'true') {
                    jQuery(this).on('click', function (e) {
                        e.preventDefault();
                        var add_row = jQuery('.non_schedule_sub_service_details').clone();
                        add_row.removeClass('non_schedule_sub_service_details').find('select[name="services[]"]').select2();

                        jQuery('#edit_non_schedule_sub_service_body').prepend(add_row);
                        jQuery('.remove_sub_service').on('click', function () {
                            jQuery(this).parent().parent().remove();
                        });
                        var vehicle_id = jQuery('#vehicle_id_edited').val();
                        f(vehicle_id);
                    });

                    jQuery(this).attr('initialized', 'true');
                }
            });
        }

        jQuery('#vehicle_id_default').on('change', function () {
            jQuery.ajax({
                type: 'get',
                url: "{{route('service.vehicle.driver')}}",
                data: {
                    vehicle_id: jQuery(this).val()
                },
                success: function () {
                    jQuery('#service_driver_id').empty().append(data);
                }
            });
        });

        jQuery('.remove_sub_service').on('click', function () {
            jQuery(this).parent().parent().remove();
        });

        function openServiceModel1(service_id) {
            jQuery('#openServiceModel').appendTo("body").modal('toggle');
            serviceGeneralTab(service_id);
            serviceLabours(service_id);
            serviceJobCards(service_id);
            serviceMaterial(service_id);
            serviceOtherCost(service_id);

        }
        function serviceGeneralTab(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.show')}}",
                data: {service_id: service_id},
                success: function (data) {
                    jQuery('#all_details').empty().append(data);

                    jQuery('#edit_service').on('click', function () {
                        var vehicle_service_id = jQuery(this).data('value');
                        editServiceDetails(vehicle_service_id);
                    });
                }
            })
        }
        function serviceLabours(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.labour.index')}}",
                data: {service_id: service_id},
                success: function (data) {
                    if (data == 'NOTHING') {
                        jQuery('#item_tab').addClass('disable');
                    } else {
                        jQuery('#service_labour_cost_body').empty().append(data);
                    }

                }
            })
        }
        function serviceJobCards(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.job-cards.index')}}",
                data: {service_id: service_id},
                success: function (data) {
                    if (data == 'NOTHING') {
                        jQuery('#item_tab').addClass('disable');
                    } else {
                        jQuery('#service_job_cards_body').empty().append(data);
                    }

                }
            })
        }

        function closeService(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('vehicle.service.close')}}",
                data: {service_id: service_id},
                success: function (data) {
                    location.reload();

                }
            })
        }
    </script>
    <script>

        function serviceMaterial(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.material.index')}}",
                data: {service_id: service_id},
                success: function (data) {
                    if (data == 'NOTHING') {
                        jQuery('#item_tab').addClass('disable');
                    } else {
                        jQuery('#service_material_cost_body').empty().append(data);
                        jQuery('#create_good_issued_note').on('click', function () {
                            jQuery('#good_issued_note_create_modal').appendTo('body').modal('show');
                            jQuery('.good_issued_note_service_id').val(service_id);
                        });
                    }

                }
            })
        }

        function serviceOtherCost(service_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('service.manage.other-cost.index')}}",
                data: {service_id: service_id},
                success: function (data) {
                    if (data == 'NOTHING') {
                        //                        jQuery('#item_tab').addClass('disable');
                    } else {
                        jQuery('#service_other_cost_body').empty().append(data);
                        jQuery('#create_expense_payment_voucher').on('click', function () {
                            jQuery('#expense_payment_voucher_modal').appendTo('body').modal('show');
                            jQuery('.payment_voucher_service_id').val(service_id);

                            jQuery("#add_another_paymeny_voucher_item").click(function () {
                                var response = jQuery('#addingrow').find('tr').clone();
                                response.find('select[name="dr_account_id[]"]').select2();
                                response.find('select[name="currency[]"]').select2();
                                response.find('input[name="amount[]"]').keyup(function (event) {
                                    // skip for arrow keys
                                    if (event.which >= 37 && event.which <= 40) return;
                                    // format number
                                    jQuery(this).val(function (index, value) {
                                        var parts = value.toString().split(".");

                                        parts[0] = parts[0].replace(/\D/g, "")
                                                .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                                        return parts.join(".");
                                    });
                                });
                                jQuery('#paymeny_voucher_item_more_added').append(response);
                            });
                        });
                    }

                }
            })
        }


        jQuery('#good_issued_note_create_modal').on('hidden.bs.modal', function (e) {
            var service_id = jQuery('.good_issued_note_service_id').val();
            openServiceModel1(service_id);
        });

        jQuery('#expense_payment_voucher_modal').on('hidden.bs.modal', function (e) {
            var service_id = jQuery('.payment_voucher_service_id').val();
            openServiceModel1(service_id);
        });

        jQuery('#good_issued_note_create_form').on('submit', function (e) {
            e.preventDefault();
            jQuery.ajax({
                url: '{{route('vehicle-services.goods-issued-notes.store')}}',
                type: 'post',
                data: jQuery(this).serialize(),
                success: function (html) {
                    jQuery('#good_issued_note_create_modal').modal('hide');
                }
            });
        });

        jQuery('#payment_voucher_form').on('submit', function (e) {
            e.preventDefault();
            jQuery.ajax({
                url: '{{route('vehicle-services.payment-vouchers.store')}}',
                type: 'post',
                data: jQuery(this).serialize(),
                success: function (html) {
                    jQuery('#expense_payment_voucher_modal').modal('hide');
                }
            });
        })
    </script>
@stop