@php use Carbon\Carbon; @endphp
@extends('layouts.iconbar')

@section('title')
Edit Job
@endsection
@section('content')

@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName(), $job) }}
@endsection

{{-- <h3 class="page-title">@lang('global.jobs.title')</h3>--}}

<div class="page-content container-fluid create-page">
    <div class="panel">
        <div class="panel-body">
            {!! Form::model($job, ['method' => 'PUT', 'route' => ['admin.jobs.update', $job->id], 'files' => true, 'id' => 'edit', 'class' => 'needs-validation', 'novalidate']) !!}

            <div class="row">

                {{--Left Column--}}
                <div class="left col-md-6">
                    <div class="row form-group">
                        <div class="col-md-12">
                            <div class="form-material floating" data-plugin="formMaterial">
                                @if (Auth::user()->hasRole('Admin') )
                                {!! Form::text('internal_id', old('internal_id'), ['class' => 'form-control', 'placeholder' => '', 'required'=>'']) !!}
                                @else
                                {!! Form::text('internal_id', old('internal_id'), ['class' => 'form-control', 'placeholder' => '', 'required'=>'', 'readonly']) !!}
                                @endif
                                {!! Form::label('internal_id', 'Internal Id', ['class' => 'floating-label']) !!}
                                @if($errors->has('internal_id'))
                                <p class="error-block">
                                    {{ $errors->first('internal_id') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    @if(Auth::user()->hasRole('Admin') )
                    <div class="row form-group">
                        <div class="col-md-12">
                            <div class="form-material floating" data-plugin="formMaterial">
                                {!! Form::select('user_id', $users, old('user_id'), ['class' => 'form-control select2','id' => 'customer', 'onchange' => 'getCustomerData(true);']) !!}
                                {!! Form::label('user_id', 'Customer', ['class' => 'floating-label']) !!}
                                @if($errors->has('user_id'))
                                <p class="help-block">
                                    {{ $errors->first('user_id') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col-md-12">
                            <div class="form-material floating" data-plugin="formMaterial">
                                {!! Form::select('account_manager_id', $global_admin, old('account_manager_id'), ['class' => 'form-control account_manager_id select2','id' => 'account_manager']) !!}
                                {!! Form::label('account_manager_id', trans('global.users.fields.account_manager').'*', ['class' => 'floating-label']) !!}
                                <div class="invalid-feedback">
                                    Please select account manager.
                                </div>
                                @if($errors->has('account_manager_id'))
                                <p class="help-block">
                                    {{ $errors->first('account_manager_id') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    @else
                    {!! Form::hidden('user_id', Auth::user()->id) !!}
                    @endif

                    <div class="row form-group">
                        <div class="col-md-12">
                            <div class="form-material floating" data-plugin="formMaterial">
                                {!! Form::text('name', old('name'), ['class' => 'form-control', 'placeholder' => '', 'required'=>'']) !!}
                                {!! Form::label('name', trans('global.jobs.fields.name').'*', ['class' => 'floating-label']) !!}
                                <div class="invalid-feedback namefeedback">
                                    Name field is required.
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col-md-12">
                            <label class="floating-label">{{ trans('global.jobs.fields.job-type') }}</label>
                            <div class="col-md-2 radio-custom radio-primary">
                                {!! Form::radio('job_type', $job->job_type, true) !!}
                                <label for="job_type_all">{{ $job->job_type }}</label>
                            </div>
                            @if($errors->has('job_type'))
                            <p class="help-block">
                                {{ $errors->first('job_type') }}
                            </p>
                            @endif
                        </div>
                    </div>

                    <div class="row form-group" v-if="type == 'Carcase & Doors/Panels' || type == 'Carcase'">
                        <div class="col-md-12">
                            {!! Form::label('material_type', trans('global.jobs.fields.material_type').'', ['class' => ' floating-label']) !!}
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('material_type', '16mm HMR white', true, ['id' => '16_mm_white', 'v-model' => 'material_type']) !!}
                                        <label for="16_mm_white"> 16mm HMR white</label>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('material_type', 'other', false, ['id' => 'other_material', 'v-model' => 'material_type']) !!}
                                        <label for="other_material"> Other</label>
                                    </div>
                                </div>
                                <div class="col-sm-4 mt--20">
                                    <div class="form-material floating" data-plugin="formMaterial" v-if="material_type == 'other'">
                                        {!! Form::text('other_material', old('otherMaterial'), ['class' => 'form-control', 'placeholder' => 'Material Type', 'required' => '']) !!}
                                        {!! Form::label('other_material', 'Material Type*', ['class' => 'floating-label']) !!}
                                    </div>
                                </div>
                                @if($errors->has('material_type'))
                                <p class="help-block">
                                    {{ $errors->first('material_type') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row form-group" v-if="type == 'Carcase & Doors/Panels' || type == 'Carcase'">
                        <div class="col-md-12">
                            {!! Form::label('carcase_wrap', trans('global.jobs.fields.carcase-wrap').'', ['class' => 'floating-label']) !!}
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('carcase_wrap', 'Yes', false, ['id' => 'yes_carcase_wrap', 'v-model' => 'carcase_wrap']) !!}
                                        <label for="yes_carcase_wrap"> Yes</label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('carcase_wrap', 'No', false, ['id' => 'no_carcase_wrap', 'v-model' => 'carcase_wrap']) !!}
                                        <label for="no_carcase_wrap"> No</label>
                                    </div>
                                </div>
                                @if($errors->has('carcase_wrap'))
                                <p class="help-block">
                                    {{ $errors->first('carcase_wrap') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row form-group" v-if="type == 'Carcase & Doors/Panels' || type == 'Carcase'">
                        <div class="col-md-12">
                            {!! Form::label('black_edge', trans('global.jobs.fields.black_edge').'', ['class' => 'floating-label']) !!}
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('black_edge', 'Yes',false, ['id' => 'yes_black_edge', 'v-model' => 'black_edge']) !!}
                                        <label for="yes_black_edge">Yes</label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('black_edge', 'No', false, ['id' => 'no_black_edge', 'v-model' => 'black_edge']) !!}
                                        <label for="no_black_edge">No</label>
                                    </div>
                                </div>
                            </div>
                            @if($errors->has('black_edge'))
                            <p class="error-block">
                                {{ $errors->first('black_edge') }}
                            </p>
                            @endif
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-12">
                            {!! Form::label('cnc', trans('global.jobs.fields.cnc').'', ['class' => 'floating-label']) !!}
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('cnc', 'B',false, ['id' => 'b_cnc', 'v-model' => 'cnc']) !!}
                                        <label for="b_cnc">B</label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('cnc', 'S', false, ['id' => 'b_cnc', 'v-model' => 'cnc']) !!}
                                        <label for="s_cnc">S</label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('cnc', 'P', false, ['id' => 'p_cnc', 'v-model' => 'cnc']) !!}
                                        <label for="p_cnc">P</label>
                                    </div>
                                </div>
                            </div>
                            @if($errors->has('cnc'))
                            <p class="error-block">
                                {{ $errors->first('cnc') }}
                            </p>
                            @endif
                        </div>

                    </div>


                    <div class="row form-group" v-if="type == 'Carcase & Doors/Panels' || type == 'Doors/Panels'">
                        <div class="col-md-12">
                            {!! Form::label('painted', trans('global.jobs.fields.painted').'', ['class' => 'floating-label']) !!}
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('painted', 'Yes',false, ['id' => 'yes_painted', 'v-model' => 'painted']) !!}
                                        <label for="yes_painted">Yes</label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('painted', 'No', false, ['id' => 'no_painted', 'v-model' => 'painted']) !!}
                                        <label for="no_painted">No</label>
                                    </div>
                                </div>
                            </div>
                            @if($errors->has('painted'))
                            <p class="help-block">
                                {{ $errors->first('painted') }}
                            </p>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <div class="row" v-if="(painted == 'Yes')">
                                <div class="col-md-12">
                                    <div class="checkbox-custom checkbox-primary">
                                        {!! Form::checkbox('update_inventory', 1 , old('update_inventory', true), ['class' => '', 'placeholder' => '', 'id' => 'update_inventory']) !!}
                                        {!! Form::label('update_inventory', trans('global.jobs.fields.update_inventory'), ['class' => 'floating-label']) !!}
                                    </div>
                                </div>
                                @if($errors->has('update_inventory'))
                                <p class="error-block">
                                    {{ $errors->first('update_inventory') }}
                                </p>
                                @endif

                                <div class="col-md-12">
                                    <div class="checkbox-custom checkbox-primary">
                                        {!! Form::checkbox('sharknose', 'Yes' , $job->sharknose == 'Yes' ? true : false, ['class' => '', 'placeholder' => '', 'id' => 'sharknose']) !!}
                                        {!! Form::label('sharknose', trans('global.jobs.fields.sharknose'), ['class' => 'floating-label']) !!}
                                    </div>
                                    <div class="checkbox-custom checkbox-primary">
                                        {!! Form::checkbox('profile', 'Yes' , $job->profile == 'Yes' ? true : false, ['class' => '', 'placeholder' => '', 'id' => 'profile']) !!}
                                        {!! Form::label('profile', trans('global.jobs.fields.profile'), ['class' => 'floating-label']) !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row form-group">
                        <div class="col-md-12 colours" v-if="painted == 'No' && (type == 'Carcase & Doors/Panels' || type == 'Doors/Panels')">
                            <div class="row form-group">
                                <div class="col-md-12">
                                    <h5 class="color-header mb-0">Colours</h5>
                                </div>
                                <div class="col-md-10">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-material floating" data-plugin="formMaterial">
                                                {!! Form::text('colors[0][supplier]', $job->supplier, ['class' => 'form-control supplier_name', 'placeholder' => '', 'required' => true]) !!}
                                                {!! Form::label('supplier', 'Supplier', ['class' => 'floating-label']) !!}

                                                <div class="invalid-feedback">
                                                    Supplier is required field.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-material floating" data-plugin="formMaterial">
                                                {!! Form::text('colors[0][colour]', $job->colour, ['class' => 'form-control colorname', 'placeholder' => '', 'required' => true]) !!}
                                                {!! Form::label('colour', 'Colour', ['class' => 'floating-label']) !!}

                                                <div class="invalid-feedback">
                                                    Colour is required field.
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-material floating" data-plugin="formMaterial">
                                                {!! Form::text('colors[0][thickness]', $job->thickness, ['class' => 'form-control thickness', 'placeholder' => '', 'required' => true]) !!}
                                                {!! Form::label('thickness', 'Thickness', ['class' => 'floating-label']) !!}

                                                <div class="invalid-feedback">
                                                    Thickness is required field.
                                                </div>
                                            </div>
                                        </div>
                                        @if (Auth::user()->hasRole('Admin'))
                                        <div class="col-md-3 cut-only">
                                            {!! Form::label('cut_only', trans('global.jobs.fields.cut_only').'', ['class' => 'floating-label']) !!}
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="radio-custom radio-primary">
                                                        {!! Form::radio('colors[0][cut_only]', 'Yes', $job->cut_only == 'Yes', ['class' => 'cut_only_yes']) !!}
                                                        <label for="">Yes</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="radio-custom radio-primary">
                                                        {!! Form::radio('colors[0][cut_only]', 'No', $job->cut_only == 'No', ['class' => 'cut_only_no']) !!}
                                                        <label for="">No</label>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <!-- <button type="button" onclick="addColor(this);" class="btn btn-info btn-xs addColor">Add More</button> -->
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="row form-group" v-if="type == 'Carcase & Doors/Panels' || type == 'Doors/Panels'">
                        <div class="col-md-12">
                            {!! Form::label('customer_supplied', trans('global.jobs.fields.customer-supplied').'', ['class' => 'floating-label']) !!}
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('customer_supplied', 'Yes', false, ['v-model'=>'supplied', 'id' => 'yes_customer_supplied']) !!}
                                        <label for="yes_customer_supplied">Yes</label>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('customer_supplied', 'No', false, ['v-model'=>'supplied', 'id' => 'no_customer_supplied']) !!}
                                        <label for="no_customer_supplied">No</label>
                                    </div>
                                </div>
                                @if($errors->has('customer_supplied'))
                                <p class="help-block">
                                    {{ $errors->first('customer_supplied') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    @if (!$job->white_satin)
                    <div class="row form-group" v-if="supplied == 'Yes' && (type == 'Doors/Panels' || type == 'Carcase & Doors/Panels')">
                        <div class="col-md-12">
                            {!! Form::label('return_offcuts', trans('global.jobs.fields.return-offcuts').'', ['class' => 'floating-label']) !!}

                            <div class="row">
                                <!-- <div class="col-md-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('return_offcuts', 'Yes', false, ['id' => 'yes_return_offcuts', 'v-model'=>'return_offcut']) !!}
                                        <label for="yes_return_offcuts">Yes</label>
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('return_offcuts', 'No', false, ['id' => 'no_return_offcuts', 'v-model'=>'return_offcut',]) !!}
                                        <label for="no_return_offcuts"> No</label>
                                    </div>
                                </div> -->

                                <div class="col-md-2">
                                    <div class="checkbox-custom checkbox-primary">
                                        {!! Form::checkbox('return_offcut_board', 'Yes', $job->return_offcut_board == 'Yes' ? true : false, ['id' => 'return_offcut_board']) !!}
                                        <label for="return_offcut_board">Board</label>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="checkbox-custom checkbox-primary">
                                            {!! Form::checkbox('return_offcut_edge', 'Yes', $job->return_offcut_edge == 'Yes' ? true : false, ['id' => 'return_offcut_edge']) !!}
                                            <label for="return_offcut_edge"> Edge</label>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="row form-group">
                        <div class="col-md-12">
                            {!! Form::label('delivery_required', trans('global.jobs.fields.delivery_required').'', ['class' => 'floating-label']) !!}
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('delivery_required', 'Yes', false, ['v-model'=>'delivery_required', 'id' => 'yes_delivery_required', 'v-on:change' => "deliveryChange"]) !!}
                                        <label for="yes_delivery_required">Yes</label>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('delivery_required', 'No', false, ['v-model'=>'delivery_required', 'id' => 'no_delivery_required', 'v-on:change' => "deliveryChange"]) !!}
                                        <label for="no_delivery_required">No</label>
                                    </div>
                                </div>
                                @if($errors->has('delivery_required'))
                                <p class="help-block">
                                    {{ $errors->first('delivery_required') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    {{--delivery Required = YES --}}
                    <div class="row form-group address">
                        <div class="col-md-12">
                            <div class="row form-group" v-if="delivery_required == 'No'">
                                <div class="col-md-12">
                                    <div class="row">
                                        {!! Form::label('forklift_pickup', trans('global.jobs.fields.forklift_pickup').'', ['class' => 'col-md-12 floating-label']) !!}
                                        <div class="col-md-2">
                                            <div class="radio-custom radio-primary">
                                                {!! Form::radio('forklift_pickup', 'Yes', false,['v-model' => 'forklift_pickup', 'id' => 'forklift_pickup_yes', 'v-on:change' => "forkliftChange"]) !!}
                                                <label for="forklift_pickup_yes"> Yes</label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="radio-custom radio-primary">
                                                {!! Form::radio('forklift_pickup', 'No', false,['v-model' => 'forklift_pickup', 'id' => 'forklift_pickup_no', 'v-on:change' => "forkliftChange"]) !!}
                                                <label for="forklift_pickup_no"> No</label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="radio-custom radio-primary">
                                                {!! Form::radio('forklift_pickup', 'Not Sure', false,['v-model' => 'forklift_pickup', 'id' => 'forklift_pickup_not_sure', 'v-on:change' => "forkliftChange"]) !!}
                                                <label for="forklift_pickup_not_sure"> Not Sure</label>
                                            </div>
                                        </div>
                                    </div>
                                    @if($errors->has('forklift_pickup'))
                                    <p class="error-block">
                                        {{ $errors->first('forklift_pickup') }}
                                    </p>
                                    @endif
                                </div>
                                <div class="col-md-12" v-if="forklift_pickup == 'Yes'">
                                    <div class="row">
                                        <div class="col-md-6">
                                            {!! Form::label('pallet', trans('global.jobs.fields.pallet').'', ['class' => 'floating-label']) !!}
                                            {!! Form::select('pallet', ["2400x1200 or 1800x1200" => "2400x1200 or 1800x1200", "2400x1200" => "2400x1200", "1800x1200" => "1800x1200", "900x2400" => "900x2400", "custom" => "Add Custom"], old('pallet'), ['class' => 'form-control pallet select2','id' => 'pallet', 'required' => true, 'v-model' => "pallet"]) !!}
                                        </div>
                                        <div class="col-md-6"  v-if="pallet == 'custom'">
                                            {!! Form::label('custom_pallet', trans('global.jobs.fields.custom_pallet').'', ['class' => 'floating-label']) !!}
                                            {!! Form::text('custom_pallet', old('custom_pallet'), ['class' => 'form-control', 'required' => true]) !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    {{--delivery Required = NO --}}
                    <div class="row form-group" v-bind:style="{ display: delivery_address }">
                        <div class="col-md-12 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('address_address', old('address_address'), ['class' => 'form-control map-input', 'id' => 'address-input', 'placeholder' => '']) !!}
                                {!! Form::label('address_address', trans('global.users.fields.address').'', ['class' => 'floating-label']) !!}

                                {!! Form::hidden('address_latitude', $job->address_latitude , ['id' => 'address-latitude']) !!}
                                {!! Form::hidden('address_longitude', $job->address_longitude , ['id' => 'address-longitude']) !!}
                                <div class="invalid-feedback">
                                    Please enter address.
                                </div>
                                @if($errors->has('address'))
                                <p class="error-block">
                                    {{ $errors->first('address') }}
                                </p>
                                @endif
                            </div>
                            <div id="address-map-container" style="width:100%;height:1px; ">
                                <div style="width: 1px; height: 1px" id="address-map"></div>
                            </div>
                        </div>
                    </div>




                    {{--Special--}}
                    @if(Auth::user()->hasRole('Admin') )
                    <div class="row form-group">
                        <div class="col-md-12">
                            {!! Form::label('special', trans('global.jobs.fields.special').'', ['class' => 'floating-label']) !!}

                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('special', '1',false, ['id' => 'special_yes']) !!}
                                        <label for="special_yes">Yes</label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('special', '0', false, ['checked'=>'checked', 'id' => 'special_no']) !!}
                                        <label for="special_no">No</label>
                                    </div>
                                </div>
                            </div>
                            @if($errors->has('special'))
                            <p class="help-block">
                                {{ $errors->first('special') }}
                            </p>
                            @endif
                        </div>
                    </div>
                    @endif

                    <div class="row form-group">
                        <div class="col-md-12">
                            {!! Form::label('cod', trans('global.jobs.fields.cod').'', ['class' => 'floating-label']) !!}
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('cod', 'Yes',false, ['id' => 'yes_cod', 'v-model' => 'cod']) !!}
                                        <label for="yes_cod">Yes</label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('cod', 'No', false, ['id' => 'no_cod', 'v-model' => 'cod']) !!}
                                        <label for="no_cod">No</label>
                                    </div>
                                </div>
                            </div>
                            @if($errors->has('cod'))
                            <p class="error-block">
                                {{ $errors->first('cod') }}
                            </p>
                            @endif
                        </div>
                    </div>

                    <!-- quotes -->
                    <div class="row form-group">
                        <div class="col-md-12">
                            <div class="row">
                                {!! Form::label('quote', trans('global.jobs.fields.quote').'', ['class' => 'col-md-12 floating-label']) !!}
                                <div class="col-md-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('quote', 'Yes', ['v-model' => 'quote', 'id' => 'quote_yes']) !!}
                                        <label for="quote_yes"> Yes</label>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('quote', 'No', ['v-model' => 'quote', 'id' => 'quote_no']) !!}
                                        <label for="quote_no"> No</label>
                                    </div>
                                </div>
                            </div>
                            @if($errors->has('quote'))
                            <p class="error-block">
                                {{ $errors->first('quote') }}
                            </p>
                            @endif
                        </div>
                    </div>

                    <!-- <div class="row">
                        <div class="col-md-6 form-group">
                            {!! Form::label('material_order_date', trans('global.jobs.fields.material_order_date').'', ['class' => 'floating-label']) !!}
                            <div id="materialOrderDate" data-autoclose="false"  data-date="{{ Carbon::parse($job->material_order_date)->format('d-m-Y') }}"></div>
                            {!! Form::hidden('material_order_date', old('material_order_date', Carbon::now()->addDays(10)->format('d-m-Y')), ['class' => 'form-control date', 'placeholder' => '', 'required', 'id' => 'material_order_date']) !!}
                            <div class="invalid-feedback">
                                Material Order Date is required field.
                            </div>
                            @if($errors->has('material_order_date'))
                            <p class="error-block">
                                {{ $errors->first('material_order_date') }}
                            </p>
                            @endif
                        </div>
                        <div class="col-md-6 form-group">
                            {!! Form::label('materials_due_in_date', trans('global.jobs.fields.materials_due_in_date').'', ['class' => 'floating-label']) !!}
                            <div id="materialsDueInDate" data-autoclose="false"  data-date="{{ Carbon::parse($job->materials_due_in_date)->format('d-m-Y') }}"></div>
                            {!! Form::hidden('materials_due_in_date', old('materials_due_in_date', Carbon::now()->addDays(10)->format('d-m-Y')), ['class' => 'form-control date', 'placeholder' => '', 'required', 'id' => 'materials_due_in_date']) !!}
                            <div class="invalid-feedback">
                                Material Order Date is required field.
                            </div>
                            @if($errors->has('materials_due_in_date'))
                            <p class="error-block">
                                {{ $errors->first('materials_due_in_date') }}
                            </p>
                            @endif
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            {!! Form::label('production_handover_date', trans('global.jobs.fields.production_handover_date').'', ['class' => 'floating-label']) !!}
                            <div id="productionHandoverDate" data-autoclose="false"  data-date="{{ Carbon::parse($job->production_handover_date)->format('d-m-Y') }}"></div>
                            {!! Form::hidden('production_handover_date', old('production_handover_date', Carbon::now()->addDays(10)->format('d-m-Y')), ['class' => 'form-control date', 'placeholder' => '', 'required', 'id' => 'production_handover_date']) !!}
                            <div class="invalid-feedback">
                                Production hand over is required field.
                            </div>
                            @if($errors->has('production_handover_date'))
                            <p class="error-block">
                                {{ $errors->first('production_handover_date') }}
                            </p>
                            @endif
                        </div>
                        <div class="col-md-6 form-group">
                            {!! Form::label('delivery_date', trans('global.jobs.fields.delivery_date').'', ['class' => 'floating-label']) !!}
                            <div id="deliveryDate" data-autoclose="false" data-date="{{ Carbon::parse($job->delivery_date)->format('d-m-Y') }}"></div>
                            {!! Form::hidden('delivery_date', old('delivery_date', Carbon::now()->addDays(10)->format('d-m-Y')), ['class' => 'form-control date', 'placeholder' => '', 'required', 'id' => 'delivery_date']) !!}
                            <div class="invalid-feedback">
                                Delivery Date is required Field
                            </div>
                            @if($errors->has('delivery_date'))
                            <p class="error-block">
                                {{ $errors->first('delivery_date') }}
                            </p>
                            @endif
                        </div>
                    </div> -->
                    <div class="row">
                        <div class="col-md-6 form-group">
                            {!! Form::label('delivery_date_period', trans('global.jobs.fields.delivery_date_period').'', ['class' => 'floating-label']) !!}
                            {!! Form::select('delivery_date_period', ['am' => 'am', 'pm' => 'pm'] ,old('delivery_date_period'), ['class' => 'form-control', 'required' => '']) !!}
                            <div class="invalid-feedback">
                                Delivery date period is required field.
                            </div>
                            @if($errors->has('delivery_date_period'))
                            <p class="error-block">
                                {{ $errors->first('delivery_date_period') }}
                            </p>
                            @endif
                        </div>
                        <div class="col-md-6 form-group">
                            {!! Form::label('priority', trans('global.jobs.fields.priority').'', ['class' => 'floating-label']) !!}
                            {!! Form::text('priority', old('priority'), ['class' => 'form-control', 'required' => '']) !!}
                            <div class="invalid-feedback">
                                Priority is required field.
                            </div>
                            @if($errors->has('priority'))
                            <p class="error-block">
                                {{ $errors->first('priority') }}
                            </p>
                            @endif
                        </div>
                    </div>

                </div>
                {{--End Left Column--}}


                {{--Right Column--}}
                <div class="right col-md-6">

                    <div class="row form-group">
                        <div class="col-md-12">
                            {!! Form::label('order_pdf', trans('global.jobs.fields.upload_files').'', ['class' => 'floating-label']) !!}
                            <input name="order_pdf_id" id="order_pdf" type="hidden" />

                            <div class="form-material dropzone" id="pdfDropzone">
                                <div class="fallback">
                                    <input name="order_pdf" type="file" multiple />
                                </div>

                                @if($errors->has('order_pdf'))
                                <p class="error-block">
                                    {{ $errors->first('order_pdf') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-12">
                            <label for="customer_notes" class="col-md-12 floating-label">
                                Job Description
                            </label>

                            <div class="form-material floating" data-plugin="formMaterial">
                                {!! Form::textarea('customer_notes', old('customer_notes', strip_tags($job->customer_notes)), ['class' => 'form-control ', 'placeholder' => '']) !!}

                                <div class="invalid-feedback">
                                    Customer note is required.
                                </div>
                                @if($errors->has('customer_notes'))
                                <p class="help-block">
                                    {{ $errors->first('customer_notes') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="row form-group">
                        <label for="special_packing" class="col-md-12 floating-label">Production Notes </label>
                        <div class="col-md-12 form-material floating" data-plugin="formMaterial">

                            <div id="special_packing_summernote" data-plugin="summernote">
                                {!! $job->special_packing !!}
                            </div>
                            {!! Form::textarea('special_packing', old('special_packing'), ['class' => 'form-control ', 'placeholder' => '', 'style' => 'display:none;']) !!}

                            @if($errors->has('special_packing'))
                            <p class="help-block">
                                {{ $errors->first('special_packing') }}
                            </p>
                            @endif
                        </div>
                    </div>

                    <div class="row form-group">
                        <label for="notes" class="col-md-12 floating-label">
                            Notes
                        </label>
                        <div class="col-md-12 form-material floating" data-plugin="formMaterial">
                            {!! Form::textarea('notes', old('notes'), ['class' => 'form-control ', 'placeholder' => '', 'style' => 'border: 1px solid #e0e0e0;']) !!}

                            @if($errors->has('notes'))
                            <p class="error-block">
                                {{ $errors->first('notes') }}
                            </p>
                            @endif
                        </div>
                    </div>
                </div>


                {{--Submit Button--}}
                <div class="row form-group">
                    <div class="col-md-12">
                        <div class="row">
                            @if(Auth::user()->hasRole('Customer'))
                            <div class="col-md-4">
                                <button type="submit" class="btn btn-primary" id="savebtn">Update</button>
                                {!! Form::hidden('submitted') !!}
                            </div>
                            <div class="col-md-4">
                                <button type="submit" class="btn btn-success" id="submitbtn">Submit</button>
                            </div>
                            @else
                            {!! Form::hidden('submitted', 1) !!}
                            <div class="col-md-4">
                                <button type="submit" class="btn btn-info" id="submitbtn">Update</button>
                            </div>
                            @endif
                            <div class="col-md-4">
                                <a href="{{ URL::previous() }}">{!! Form::button('Cancel', ['class' => 'btn btn-md btn-default']) !!}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<div class="color-sample" style="display: none;">
    <div class="row form-group morecolors">
        <div class="col-md-10">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-material floating" data-plugin="formMaterial">
                        {!! Form::text('colors[0][supplier]', old('supplier'), ['class' => 'form-control supplier_name', 'placeholder' => '']) !!}
                        {!! Form::label('supplier', 'Supplier', ['class' => 'floating-label']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-material floating" data-plugin="formMaterial">
                        {!! Form::text('colors[0][colour]', old('colour'), ['class' => 'form-control colorname', 'placeholder' => '']) !!}
                        {!! Form::label('colour', 'Colour', ['class' => 'floating-label']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-material floating" data-plugin="formMaterial">
                        {!! Form::text('colors[0][thickness]', old('thickness'), ['class' => 'form-control thickness', 'placeholder' => '']) !!}
                        {!! Form::label('thickness', 'Thickness', ['class' => 'floating-label']) !!}
                    </div>
                </div>
                @if (Auth::user()->hasRole('Admin'))
                <div class="col-md-3">
                    {!! Form::label('cut_only', trans('global.jobs.fields.cut_only').'', ['class' => 'floating-label']) !!}
                    <div class="row">
                        <div class="col-md-6">
                            <div class="radio-custom radio-primary">
                                {!! Form::radio('colors[0][cut_only]', 'Yes', false, ['class' => 'cut_only_yes']) !!}
                                <label for="">Yes</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="radio-custom radio-primary">
                                {!! Form::radio('colors[0][cut_only]', 'No', true, ['class' => 'cut_only_no']) !!}
                                <label for="">No</label>
                            </div>
                        </div>

                    </div>
                </div>
                @endif
            </div>
        </div>
        <div class="col-md-2">
            <!-- <button type="button" class="btn btn-info btn-xs addColor" onclick="addColor(this);">Add More</button> -->
            <button type="button" class="btn btn-danger btn-xs removeColor" onclick="removeColor(this);">Remove</button>
        </div>
    </div>
</div>


@stop

@section('javascript')
@parent
<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    // Example starter JavaScript for disabling form submissions if there are invalid fields
    (function() {
        'use strict';
        window.addEventListener('load', function() {
            // Fetch all the forms we want to apply custom Bootstrap validation styles to
            var forms = document.getElementsByClassName('needs-validation');
            // Loop over them and prevent submission
            var validation = Array.prototype.filter.call(forms, function(form) {
                form.addEventListener('submit', function(event) {
                    event.preventDefault();

                    // $("textarea[name=customer_notes]").val($('#customer_notes_summernote').summernote('code'))
                    $("textarea[name=special_packing]").val($('#special_packing_summernote').summernote('code'))

                    if (form.checkValidity() === false) {
                        event.stopPropagation();
                        $('.form-control:invalid').filter(":first").focus()

                    } else {
                        preview(form);
                    }
                    form.classList.add('was-validated');
                }, false);
            });
        }, false);

    })();
</script>
<script src="//cdn.ckeditor.com/4.5.4/full/ckeditor.js"></script>
<script>
    $('.editor').each(function() {
        CKEDITOR.replace($(this).attr('id'), {
            filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
            filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}',
            filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
            filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}'
        });
    });
</script>

<script src="{{ url('adminlte/plugins/datetimepicker/moment-with-locales.min.js') }}"></script>
<script src="{{ url('adminlte/plugins/datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
<script>
    Dropzone.autoDiscover = false;
    $(function() {
        var count = 0;
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        window.myDropZone = $("#pdfDropzone").dropzone({
            url: '/admin/jobs/uploadImage',
            addRemoveLinks: true,
            parallelUploads: 1,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            uploadMultiple: true,
            init: function() {
                myDropzone = this;
                @foreach($job->getMedia('order_pdf') as $media)
                var mockFile = {
                    name: "{{$media->file_name}}",
                    size: "{{$media->size}}",
                    serverId: "{{$media->id}}"
                };
                myDropzone.options.addedfile.call(myDropzone, mockFile);
                myDropzone.options.thumbnail.call(myDropzone, mockFile, "{{$media->getUrl()}}");
                @endforeach

                this.on("completemultiple", function() {
                    // $("#m_portlet_tab_3_2").unblock();
                });

                this.on("addedfile", function(file) {

                });
                this.on("removedfile", function(file, xhr) {
                    removeFile(file.serverId);

                });

                this.on("success", function(file, response) {
                    file.serverId = response[0].id;
                });

                this.on("complete", function(file, response) {
                    var ids = myDropzone.files.map((file) => {
                        return file.serverId;
                    });
                    $("#order_pdf").val(ids.join())
                });

            }
        });
    });


    function removeFile(id) {
        $.ajax({
            url: "/admin/jobs/delete/file",
            type: "post",
            data: {
                id: id,
                '_method': 'DELETE'
            },
            success: function(data) {
                if (data.success) {

                }

            },
            error: function(result) {

            },
        });
    }

    $(function() {
        $('#inlineCarcaseDateRequired').datepicker({
            format: 'dd-mm-yyyy'
        });
        $("#inlineCarcaseDateRequired").on("changeDate", function(event) {
            $("#carcase_date_required").val($("#inlineCarcaseDateRequired").datepicker('getFormattedDate'));
        });

        $('#inlineDoorsDateRequired').datepicker({
            format: 'dd-mm-yyyy'
        });
        $('#DateRequired').datepicker({
            format: 'dd-mm-yyyy'
        });

        $("#inlineDoorsDateRequired").on("changeDate", function(event) {
            $("#doors_date_required").val($("#inlineDoorsDateRequired").datepicker('getFormattedDate'));
        });

        $("#DateRequired").on("changeDate", function(event) {
            $("#date_required").val($("#DateRequired").datepicker('getFormattedDate'));
        });

        $('#materialOrderDate').datepicker({
            format: 'dd-mm-yyyy'
        });

        $("#materialOrderDate").on("changeDate", function(event) {
            $("#material_order_date").val($("#materialOrderDate").datepicker('getFormattedDate'));
        });

        $('#materialsDueInDate').datepicker({
            format: 'dd-mm-yyyy'
        });

        $("#materialsDueInDate").on("changeDate", function(event) {
            $("#materials_due_in_date").val($("#materialsDueInDate").datepicker('getFormattedDate'));
        });

        $('#productionHandoverDate').datepicker({
            format: 'dd-mm-yyyy'
        });

        $("#productionHandoverDate").on("changeDate", function(event) {
            $("#production_handover_date").val($("#productionHandoverDate").datepicker('getFormattedDate'));
        });

        $('#deliveryDate').datepicker({
            format: 'dd-mm-yyyy',
            startDate: '0d'
        });


        $("#deliveryDate").on("changeDate", function(event) {
            $("#delivery_date").val($("#deliveryDate").datepicker('getFormattedDate'));
        });

        window.COLOR_COUNT = 0;
        moment.updateLocale('{{ App::getLocale() }}', {
            week: {
                dow: 1
            } // Monday is the first day of the week
        });
        $('.date').datetimepicker({
            format: "{{ config('app.date_format_moment') }}",
            locale: "{{ App::getLocale() }}",
            minDate: new Date()
        });
        $('#date_required').val("{{$job->date_required}}");
    });

    function radioChanged() {
        setTimeout(function() {
            $('#inlineCarcaseDateRequired').datepicker();
            $('#inlineDoorsDateRequired').datepicker();
            $('#DateRequired').datepicker();

            $('.date').each(function(index, value) {
                moment.updateLocale('{{ App::getLocale() }}', {
                    week: {
                        dow: 1
                    } // Monday is the first day of the week
                });
                $('.date').datetimepicker({
                    format: "{{ config('app.date_format_moment') }}",
                    locale: "{{ App::getLocale() }}",
                    minDate: new Date()
                });
            });
        }, 200)
    }

    function addColor(me) {
        if (window.COLOR_COUNT >= 4) {
            alert('Maximum of 5 colors allowed');
            return false;
        }
        window.COLOR_COUNT += 1;
        // $('.color-sample').find('.color-header').html(COLOR_COUNT);
        $('.color-sample').find('.colorname').attr('name', 'colors[' + COLOR_COUNT + '][colour]').attr('required', true);
        $('.color-sample').find('.supplier_name').attr('name', 'colors[' + COLOR_COUNT + '][supplier]').attr('required', true);
        $('.color-sample').find('.thickness').attr('name', 'colors[' + COLOR_COUNT + '][thickness]').attr('required', true);
        $('.color-sample').find('.cut_only_no').attr('name', 'colors[' + COLOR_COUNT + '][cut_only]').attr('required', true);
        $('.color-sample').find('.cut_only_yes').attr('name', 'colors[' + COLOR_COUNT + '][cut_only]').attr('required', true);
        // $(me).hide();
        var html = $('.color-sample').html();
        $('.colours').append(html);

    }

    function removeColor(me) {
        window.COLOR_COUNT -= 1;
        $(me).hide();
        $(me).parents(".morecolors").remove();
        $(".colorname").each(function(v, i) {
            $(i).attr('name', 'colors[' + v + '][colour]');
        });
        $(".supplier_name").each(function(v, i) {
            $(i).attr('name', 'colors[' + v + '][supplier_name]');
        });
        $(".thickness").each(function(v, i) {
            $(i).attr('name', 'colors[' + v + '][thickness]');
        });
    }

    function preview() {
        if ($("#name").hasClass('is-invalid')) {
            $('.needs-validation').removeClass('is-invalid');
            return false;
        }
        var form = $('form');
        var content;
        var formdata = JSON.parse(JSON.stringify($('form').serializeArray()));
        $.ajax({
            url: "/admin/job/popupData",
            type: "POST",
            dataType: "json",
            async: false,
            data: $('form').serializeArray(),
            success: function(data) {
                if (data.success) {
                    $.confirm({
                        title: 'Confirm!',
                        content: data.html,
                        columnClass: 'large',
                        buttons: {
                            confirm: function() {
                                $('#edit').submit();
                            },
                            cancel: function() {}
                        }
                    });
                } else {

                }
            },
            error: function() {

            }
        });


        return false;
    }

    function getCustomerData(onlyCustomer = false) {
        var customer_id = jQuery('#customer').val();
        $.ajax({
            url: "/admin/customers/data/" + customer_id,
            type: "GET",
            dataType: "json",
            data: {
                job_type: $('#job_type:checked').val()
            },
            success: function(data) {
                if (data.customer) {
                    if (data.customer.account_manager_id) {
                        $(".account_manager_id").val(data.customer.account_manager_id).trigger('change');
                    }
                }
            }
        });
    }

    $(document).on('onblur, focusout', '#name', function(e) {
        var me = this;
        var job_reference = $(this).val();
        $.ajax({
            url: "/admin/job/checkValidity",
            type: "GET",
            dataType: "json",
            data: {
                job_reference: job_reference,
                jobId: "{{$job->id}}"
            },
            success: function(data) {
                if (data.success) {
                    $(me).addClass('is-invalid');
                    $(me).removeClass('is-valid');
                    $('.namefeedback').html('One of your previous jobs has this reference. Please choose another one.');
                } else {
                    $(me).removeClass('is-invalid');
                    $(me).addClass('is-valid');
                    $('.namefeedback').html('Name isrequired field');
                }
            },
            error: function() {

            }
        });

    });
</script>

<script src="{{ asset('adminlte/plugins/fileUpload/js/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('adminlte/plugins/fileUpload/js/jquery.fileupload.js') }}"></script>
<script src="/adminlte/js/mapInput.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key={{ env('GOOGLE_MAPS_API_KEY') }}&libraries=places&callback=initialize" async defer></script>
<script>
    $(function() {
        $('.file-upload').each(function() {
            var $this = $(this);
            var $parent = $(this).parent();

            $(this).fileupload({
                dataType: 'json',
                formData: {
                    model_name: 'Job',
                    bucket: $this.data('bucket'),
                    file_key: $this.data('filekey'),
                    _token: '{{ csrf_token() }}'
                },
                add: function(e, data) {
                    data.submit();
                },
                done: function(e, data) {
                    $.each(data.result.files, function(index, file) {
                        var $line = $($('<p/>', {
                            class: "form-group"
                        }).html(file.name + ' (' + file.size + ' bytes)').appendTo($parent.find('.files-list')));
                        $line.append('<a href="#" class="btn btn-xs btn-danger remove-file">Remove</a>');
                        $line.append('<input type="hidden" name="' + $this.data('bucket') + '_id[]" value="' + file.id + '"/>');
                        if ($parent.find('.' + $this.data('bucket') + '-ids').val() != '') {
                            $parent.find('.' + $this.data('bucket') + '-ids').val($parent.find('.' + $this.data('bucket') + '-ids').val() + ',');
                        }
                        $parent.find('.' + $this.data('bucket') + '-ids').val($parent.find('.' + $this.data('bucket') + '-ids').val() + file.id);
                    });
                    $parent.find('.progress-bar').hide().css(
                        'width',
                        '0%'
                    );
                }
            }).on('fileuploadprogressall', function(e, data) {
                var progress = parseInt(data.loaded / data.total * 100, 10);
                $parent.find('.progress-bar').show().css(
                    'width',
                    progress + '%'
                );
            });
        });
        $(document).on('click', '.remove-file', function() {
            var $parent = $(this).parent();
            $parent.remove();
            return false;
        });
    });
    $(document).on('click', '#submitbtn', function(e) {
        $("input[name=submitted]").val(1);
        // $("textarea[name=customer_notes]").val($('#customer_notes_summernote').summernote('code'))
        $("textarea[name=special_packing]").val($('#special_packing_summernote').summernote('code'))
        // $("textarea[name=notes]").val($('#notes_summernote').summernote('code'))

        e.preventDefault();
        preview();
    });
</script>

<script>
    @if($job->job_type)
    var type = "";
    @else
    var type = "Carcase & Doors/Panels";
    @endif

    @if($job->pickup)
    var hand_pickup = "";
    @else
    var hand_pickup = "Wrap & Strap Pallet";
    @endif
    new Vue({
        el: '#edit',
        data: {
            type: type,
            supplied: "{{ $job->customer_supplied ?? 'No' }}",
            painted: "{{$job->painted ?? 'No'}}",
            carcase_wrap: "{{old('carcase_wrap', $job->carcase_wrap)}}",
            hand_pickup: hand_pickup,
            material_type: "{{$job->material_type ?? '16mm HMR white'}}",
            delivery_required: "{{$job->delivery_required ?? 'No'}}",
            cut_only: "{{ $job->cut_only ?? 'No'}}",
            delivery_address: 'none',
            return_offcut: "{{ $job->return_offcuts ?? 'No'}}",
            showCustomerNotes: false,
            showProductionNotes: false,
            productionNotes: "{{ $job->special_packing ?? ''}}",
            customerNotes: "{{ $job->customer_notes ?? ''}}",
            forklift_pickup: "{{ $job->forklift_pickup ?? 'Yes'}}",
            quote: "{{ $job->quote ?? 'No'}}",
            black_edge: "{{ $job->black_edge ?? 'No'}}",
            cod: "{{ $job->cod ?? 'No'}}",
            cnc: "{{ $job->cnc ?? ''}}",
            pallet: "{{ $job->pallet ?? ''}}",

        },

        computed: {

        },
        mounted: function() {
            console.log(this.delivery_required)
            if (this.delivery_required == 'Yes') {
                this.delivery_address = 'block';
            } else {
                this.delivery_address = 'none';
            }
        },

        methods: {
            deliveryChange: function() {
                if (this.delivery_required == 'Yes') {
                    this.delivery_address = 'block';
                } else {
                    this.delivery_address = 'none';
                }
            },
            showCustomerNotesEditor: function() {
                this.showCustomerNotes = true;
                var that = this;
                setTimeout(function() {
                    // $("#customer_notes_summernote").summernote('code', that.customerNotes)
                    // $('#customer_notes_summernote').on('summernote.change', function(we, contents, $editable) {
                    //     that.customerNotes = contents;
                    // });
                }, 1000);

            },
            hideCustomerNotes: function() {
                this.showCustomerNotes = false
            },
            showProductionNotesEditor: function() {
                this.showProductionNotes = true;
                var that = this;

                setTimeout(function() {
                    $("#special_packing_summernote").summernote('code', that.productionNotes)
                    $('#special_packing_summernote').on('summernote.change', function(we, contents, $editable) {
                        that.productionNotes = contents;
                    });
                }, 1000);
            },
            hideProductionNotes: function() {
                this.showProductionNotes = false
            }
        }
    });
</script>

@stop