{!! Form::horizontal_open()->id('workdetails-popup-form')->method('PUT')->enctype('multipart/form-data')->action(
        trans_url('admin/work_order/adminlistdetails_edit/' . $work_order->getRouteKey() . '/' . $work_status->id),
    ) !!}
<div class="modal-header">
    <span type="button" class="close" data-dismiss="modal" aria-label="Close"><span
            aria-hidden="true">&times;</span></span>
    <h4 class="modal-title">Update Work Details</h4>
</div>
<div class="modal-body" style="min-height: 410px;">
    <div class='col-md-6 col-lg-12'>
        @if ($work_order->technician_id == user_id())
            {!! Form::select('job_id')->options(JobMaster::job_masters())->label(trans('work_order::work_order.label.job_id'))->placeholder(trans('work_order::work_order.placeholder.job_id'))->addGroupClass('form-group-sm')->required() !!}
            @if (user('admin.web')->canDo('work_order.work_order.external') || user('admin.web')->isSuperUser())
                {!! Form::inline_radios('type')->radios(trans('work_order::work_order.options.job_type'))->check('Internal')->label('Assign To')->required()->addClass('job_type')->addGroupClass('form-group-sm') !!}
            @endif
            <div id="suppliers_lbl2" style="display: none">
                {!! Form::select('supplier_id')->options(Supplier::suppliers(), @$work_order->asset->supplier_id)->label(trans('work_order::work_order.label.supplier_id'))->placeholder(trans('work_order::work_order.placeholder.supplier_id'))->required()->addGroupClass('form-group-sm') !!}
            </div>
            <div id="technicians_lbl2" style="display: block">
                {!! Form::select('technician_id')->options(Company::users())->id('technician_id2')->label('Technician')->required()->addGroupClass('form-group-sm') !!}
            </div>
            {!! Form::numeric('hrcost')->label('HR Cost')->placeholder('Please enter hr cost per/hr')->addGroupClass('form-group-sm') !!}
        @endif
        {!! Form::date('date')->addClass('pickdate')->value(date('Y/m/d'))->readonly()->label('Start Date')->placeholder('Please enter date')->addGroupClass('form-group-sm') !!}
        {!! Form::hidden('startdate')->id('startdate')->value($work_status->date) !!}
        {!! Form::time('start_time')->addClass('time')->id('start_time2')->label('Start Time')->placeholder('Please enter start time')->addGroupClass('form-group-sm') !!}
        {!! Form::date('end_date')->addClass('pickdate')->value(date('Y/m/d'))->readonly()->label('End Date')->placeholder('Please enter date')->addGroupClass('form-group-sm') !!}
        {!! Form::time('end_time')->addClass('time')->label('End Time')->id('end_time2')->placeholder('Please enter end time')->addGroupClass('form-group-sm') !!}
        {!! Form::select('status')->options(trans('work_order::work_order.options.wstatus'))->label(trans('work_order::work_order.label.status'))->placeholder(trans('work_order::work_order.placeholder.status'))->addGroupClass('form-group-sm')->required() !!}
        {!! Form::textarea('description')->rows(2)->label('Description')->required()->placeholder('your description')->addGroupClass('form-group-sm') !!}
    </div>


</div>
<div class="modal-footer">
    <button type="button" class="btn btn-primary pull-right" id="workdetails-update"><i
            class="fa fa-check-circle"></i>&nbsp;&nbsp;Update & Close</button>
</div>
{!! Form::close() !!}
<script type="text/javascript">
    $(document).ajaxComplete(function() {
        $("form[id$='-popup-form'] :input").prop("disabled", false);
        $(".del-btn").prop("disabled", false);
        $("#job_ref").prop("disabled", true);
        $(".pickdate").prop("disabled", true);
        $("#end_time2").prop("disabled", true);
        $("#start_time2").prop("disabled", true);
    });
    $(document).ready(function() {
        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth(); //January is 0! 
        var yyyy = today.getFullYear();
        var hours = today.getHours();
        var minutes = today.getMinutes();
        $('.pickdate').pickadate({
            max: new Date(),
            format: 'dd mmm, yyyy',
            formatSubmit: 'yyyy-mm-dd',
            hiddenSuffix: '',
            selectMonths: true,
            selectYears: true,
            disabled: true,
            onStart: function() {
                this.set({
                    select: new Date()
                });
            }
        }).prop('type', 'text');

        $('input[type="time"]').pickatime({
            format: 'h:i A',
            formatSubmit: 'HH:i',
            hiddenSuffix: '',
            interval: 1,
            selectMonths: true,
            selectYears: true
        }).prop('type', 'text');
        $('#start_time2').pickatime('picker').set('select', "{{ @$work_status->start_time }}", {
            format: 'H:i'
        });
        $('#end_time2').pickatime('picker').set('select', [hours, minutes], {
            format: 'H:i'
        })
        $("#workdetails-update").click(function() {
            var $form = $("#workdetails-popup-form");
            // var start_date=$('#date').val();
            // var original_start_date = $('#startdate').val();
            // if (start_date != original_start_date )
            // {
            //     var original_start_date_old = $('#startdateold').val();
            //     $('#date').val(original_start_date_old);               
            // }


            if ($form.valid() == false) {
                toastr.error('Please enter valid information.', 'Error');
                return false;
            }


            var $d = $form.serialize();


            $.ajax({
                url: $form.attr('action'),
                type: 'PUT',
                data: $d,
                dataType: 'json',
                beforeSend: function() {
                    $('#workdetails-update').prop("disabled", true);

                },

                success: function(data, textStatus, jqXHR) {
                    $("#popup-workdetails-edit").removeClass("in");
                    $(".modal-backdrop").remove();
                    $('body').removeClass('modal-open');
                    $('body').css('padding-right', '');
                    $('#popup-workdetails-edit').modal('hide');
                    if (data.wstatus == "Completed" || data.wstatus == "Closed" ||
                        data.wstatus == "Hold") {
                        app.load($("#work_order-work_order-entry"), data.redirect);
                    }
                    if (oTable != undefined) {
                        oTable.api().draw();
                    }
                    $("#btnn").load(
                        '{{ trans_url('admin/work_order/adminlistdetails/table') }}' +
                        '/' + '{{ $work_order->getRouteKey() }}');

                    $("#qc").load(
                        '{{ trans_url('admin/work_order/adminlistdetailsqc/table') }}' +
                        '/' + '{{ $work_order->getRouteKey() }}');
                }
            });
        });
    });
</script>