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

@section('title')
Create Job
@endsection

@section('content')

<style>
    .top-2 {
        top: -2rem !important;
    }
</style>

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

<div class="page-content container-fluid create-page" create>
    <div class="panel">
        <div class="panel-body">
            {!! Form::open(['method' => 'POST', 'route' => ['admin.jobs.store'], 'files' => true, 'id' => 'create', 'class' => 'needs-validation', 'novalidate', 'entype' => 'multipart/form-data']) !!}
            <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', $next_internal_id), ['class' => 'form-control', 'placeholder' => '', 'required'=>'', 'id' => 'internal_id']) !!}
                                @else
                                {!! Form::text('internal_id', old('internal_id', $next_internal_id), ['class' => 'form-control', 'placeholder' => '', 'required'=>'', 'readonly', 'id' => 'internal_id']) !!}
                                @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::hidden('customer_id', null, ['id' => 'customer_id']) !!}
                                {!! 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 top-2']) !!}
                                @if($errors->has('user_id'))
                                <p class="error-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 top-2']) !!}
                                <div class="invalid-feedback">
                                    Please select account manager.
                                </div>
                                @if($errors->has('account_manager_id'))
                                <p class="error-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'=>'', 'id' => 'name']) !!}
                                {!! 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">
                            {!! Form::label('job_type', trans('global.jobs.fields.job-type').'', ['class' => ' floating-label']) !!}
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('job_type', 'Carcase & Doors/Panels', false, ['required' => '', 'onclick' => 'radioChanged(this)', 'class' => 'radioJob ', 'v-model'=>'type', 'id' => 'job_type_all']) !!}
                                        <label for="job_type_all">Carcass &amp; Doors/Panels</label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('job_type', 'Doors/Panels', false, ['required' => '', 'onclick' => 'radioChanged(this)', 'class' => 'radioJob ', 'v-model'=>'type', 'id' => 'job_type_doors']) !!}
                                        <label for="job_type_doors"> Doors/Panels Only</label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="radio-custom radio-primary">
                                        {!! Form::radio('job_type', 'Carcase', false, ['required' => '', 'onclick' => 'radioChanged(this)', 'class' => 'radioJob ', 'v-model'=>'type', 'id' => 'job_type_carcase']) !!}
                                        <label for="job_type_carcase"> Carcass Only</label>
                                    </div>
                                </div>
                                @if($errors->has('job_type'))
                                <p class="error-block">
                                    {{ $errors->first('job_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('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', 'required' => '']) !!}
                                        {!! Form::label('other_material', 'Material Type*', ['class' => 'floating-label']) !!}
                                    </div>
                                </div>
                                @if($errors->has('material_type'))
                                <p class="error-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="error-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="error-block">
                                {{ $errors->first('painted') }}
                            </p>
                            @endif
                        </div>
                        @if(Auth::user()->hasRole('Admin') )
                        <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' , old('sharknose', 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' , old('profile', false), ['class' => '', 'placeholder' => '', 'id' => 'profile']) !!}
                                        {!! Form::label('profile', trans('global.jobs.fields.profile'), ['class' => 'floating-label']) !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>

                    <div class="row form-group">
                        <div class="col-md-12 colours" v-if="(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 colors-container">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-material floating mb-0" data-plugin="formMaterial">
                                                {!! Form::text('colors[0][supplier]', old('supplier'), ['class' => 'form-control color-input supplier_name', 'placeholder' => '']) !!}
                                                {!! 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 mb-0" data-plugin="formMaterial">
                                                {!! Form::text('colors[0][colour]', old('colour'), ['class' => 'form-control color-input colorname', 'placeholder' => '']) !!}
                                                {!! 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 mb-0" data-plugin="formMaterial">
                                                {!! Form::text('colors[0][thickness]', old('thickness'), ['class' => 'form-control color-input thickness', 'placeholder' => '']) !!}
                                                {!! 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', 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" 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="error-block">
                                    {{ $errors->first('customer_supplied') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <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', 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', false, ['id' => 'return_offcut_edge']) !!}
                                            <label for="return_offcut_edge"> Edge</label>
                                        </div>
                                    </div>
                                </div>

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

                    {{--Required Required --}}
                    <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_customer_supplied">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_customer_supplied">No</label>
                                    </div>
                                </div>
                                @if($errors->has('delivery_required'))
                                <p class="error-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" v-bind:style="{ display: delivery_address }">
                                <div class="col-md-12">
                                    <div class="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', 0 , ['id' => 'address-latitude']) !!}
                                        {!! Form::hidden('address_longitude', 0 , ['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>
                        </div>
                    </div>

                    {{--delivery Required = NO --}}

                    <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>

                    {{--Delivery dates--}}
                    <div class="row">
                        <div class="col-md-6 form-group" v-if="type == 'Carcase & Doors/Panels' || type == 'Carcase'">
                            @if (\Auth::user()->hasRole('Customer'))
                            {!! Form::label('delivery_date_carcase', 'Carcass Date Required', ['class' => 'floating-label']) !!}
                            @else
                            {!! Form::label('delivery_date_carcase', trans('global.jobs.fields.delivery_date_carcase').'', ['class' => 'floating-label']) !!}
                            @endif
                            <div id="deliveryDateCarcase" data-autoclose="false" data-date="{{ Carbon::now()->addDays(10)->format('d-m-Y') }}"></div>
                            {!! Form::hidden('delivery_date_carcase', old('delivery_date_carcase', Carbon::now()->addDays(10)->format('d-m-Y')), ['class' => 'form-control date', 'placeholder' => '', 'required', 'id' => 'delivery_date_carcase']) !!}
                            <div class="invalid-feedback">
                                Carcase Delivery Date is required Field
                            </div>
                            @if($errors->has('delivery_date_carcase'))
                            <p class="error-block">
                                {{ $errors->first('delivery_date_carcase') }}
                            </p>
                            @endif

                            <div class="row">
                                <div class="col-md-6 form-group">
                                    {!! Form::select('delivery_date_period_carcase', ['am' => 'am', 'pm' => 'pm'] ,old('delivery_date_period_carcase'), ['class' => 'form-control', 'required' => '']) !!}
                                    <div class="invalid-feedback">
                                        Delivery date period is required field.
                                    </div>
                                    @if($errors->has('delivery_date_period_carcase'))
                                    <p class="error-block">
                                        {{ $errors->first('delivery_date_period_carcase') }}
                                    </p>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 form-group" v-if="type == 'Carcase & Doors/Panels' || type == 'Doors/Panels'">
                            @if (\Auth::user()->hasRole('Customer'))
                            {!! Form::label('delivery_date_doors', 'Doors Date Required', ['class' => 'floating-label']) !!}
                            @else
                            {!! Form::label('delivery_date_doors', trans('global.jobs.fields.delivery_date_doors').'', ['class' => 'floating-label']) !!}
                            @endif
                            <div id="deliveryDateDoors" data-autoclose="false" data-date="{{ Carbon::now()->addDays(10)->format('d-m-Y') }}"></div>
                            {!! Form::hidden('delivery_date_doors', old('delivery_date_doors', Carbon::now()->addDays(10)->format('d-m-Y')), ['class' => 'form-control date', 'placeholder' => '', 'required', 'id' => 'delivery_date_doors']) !!}
                            <div class="invalid-feedback">
                                Delivery Date is required Field
                            </div>
                            @if($errors->has('delivery_date_doors'))
                            <p class="error-block">
                                {{ $errors->first('delivery_date_doors') }}
                            </p>
                            @endif

                            <div class="row">
                                <div class="col-md-6 form-group">
                                    {!! Form::select('delivery_date_period_doors', ['am' => 'am', 'pm' => 'pm'] ,old('delivery_date_period_doors'), ['class' => 'form-control', 'required' => '']) !!}
                                    <div class="invalid-feedback">
                                        Delivery date period is required field.
                                    </div>
                                    @if($errors->has('delivery_date_period_doors'))
                                    <p class="error-block">
                                        {{ $errors->first('delivery_date_period_doors') }}
                                    </p>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    {{--Special--}}
                    @if(Auth::user()->hasRole('Admin') )
                    <div class="row form-group">
                        <div class="col-md-6">
                            {!! Form::label('special', trans('global.jobs.fields.special').'', ['class' => 'floating-label']) !!}
                            <div class="row">
                                <div class="col-md-4">
                                    <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-md-4">
                                    <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="error-block">
                                {{ $errors->first('painted') }}
                            </p>
                            @endif
                        </div>
                    </div>
                    @endif

                    <!-- cod -->
                    <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::now()->addDays(10)->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::now()->addDays(10)->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::now()->addDays(10)->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::now()->addDays(10)->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('priority', trans('global.jobs.fields.priority').'', ['class' => 'floating-label']) !!}
                            {!! Form::text('priority', old('priority'), ['class' => 'form-control']) !!}
                            <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 class="row form-group">
                        <div class="col-md-12">
                            <div class="form-material floating" data-plugin="formMaterial">

                                {!! Form::select('hardwares', $hardwares->pluck('name', 'id'), old('hardwares'), ['class' => 'form-control hardware select2', 'id' => 'hardware_options', 'multiple' => true]) !!}
                                {!! Form::label('hardwares', trans('global.jobs.fields.hardwares').'*', ['class' => 'floating-label', 'style' => 'top: -2rem;']) !!}
                                <div class="invalid-feedback">
                                    Please select hadware.
                                </div>
                                @if($errors->has('hadware'))
                                <p class="error-block">
                                    {{ $errors->first('hadware') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    @foreach ($hardwares as $k => $hardware)
                    <div class="row">
                        <div class="col-md-12 ">
                            <div class="form-group hardware_items form-material floating" data-plugin="formMaterial" id="hardware_{{ $hardware->id }}" style="display:none;">
                                <input type="number" class="form-control empty" id="hardware_input_{{ $hardware->id }}">
                                <label for="hardwares" class="floating-label" style="top: -2rem;">{{ $hardware->name }}'s Quantity</label>
                            </div>
                        </div>
                    </div>
                    @endforeach

                    <div class="row form-group mb-4" v-for="(hardware,index) in hardwares">
                        <div class="col-md-4">
                            <div data-plugin="formMaterial" class="form-material floating">
                                <input placeholder="" required="required" :name="'hardwareItem['+index+'][item]'" type="text" class="form-control empty" v-model="hardware.item">
                                <label for="item" class="floating-label" style="top: -2rem;">
                                    Item*
                                </label>
                                <div class="invalid-feedback namefeedback">
                                    Item field is required.
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div data-plugin="formMaterial" class="form-material floating">
                                <input placeholder="" required="required" :name="'hardwareItem['+index+'][qty]'" type="number" class="form-control empty" v-model="hardware.qty">
                                <label for="name" class="floating-label" style="top: -2rem;">Qty*</label>
                                <div class="invalid-feedback namefeedback">
                                    Qty field is required.
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div data-plugin="formMaterial" class="form-material floating">
                                <input placeholder="" step="0.01" required="required" :name="'hardwareItem['+index+'][price]'" type="number" class="form-control empty" v-model="hardware.price">
                                <label for="name" class="floating-label" style="top: -2rem;">Price*</label>
                                <div class="invalid-feedback namefeedback">
                                    Price field is required.
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <button class="btn btn-danger btn-sm mb-4" type="button" @click="removeHardware(index)"><i class="fa fa-remove"></i> Remove</button>
                        </div>
                    </div>
                    <!-- <button class="btn btn-info btn-sm mb-4" type="button" @click="addHardware"><i class="fa fa-plus"></i> Add Hardware Item</button> -->


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

                {{--Right Column--}}
                <div class="right col-md-6">
                    <div class="row form-group" style="min-height: 180px;">
                        <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="floating-label">
                                Job Description
                            </label>

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

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

                    <div class="row form-group mb-4">
                        <label for="special_packing" class="col-md-12 floating-label">
                            Production Notes
                        </label>

                        <div class="col-md-12 form-material floating" data-plugin="formMaterial" v-if="showProductionNotes">
                            <div id="special_packing_summernote" data-plugin="summernote">
                                {!! old('special_packing') !!}
                            </div>
                            {!! Form::textarea('special_packing', old('special_packing'), ['class' => 'form-control ', 'placeholder' => '', 'style' => 'display:none;']) !!}

                            @if($errors->has('special_packing'))
                            <p class="error-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 12', 'placeholder' => '', 'style' => 'border: 1px solid #e0e0e0; ']) !!}

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

                {{--Submit Button--}}
                <div class="row form-group">

                    <div class="col-md-4 mt-4">
                        {!! Form::hidden('submitted', 0) !!}
                        @if(Auth::user()->hasRole('Customer'))
                        <button type="submit" class="btn btn-primary" id="savebtn">Save</button>
                        @endif
                    </div>
                    <div class="col-md-4 mt-4">
                        <button type="submit" class="btn btn-success" id="submitbtn" style="border: none">Submit</button>
                    </div>
                </div>
            </div>

            {!! Form::close() !!}
        </div>
    </div><!-- end row -->
</div><!-- panel-body -->


<div class="color-sample" style="display: none;">
    <div class="row form-group morecolors">
        <div class="col-md-10 colors-container">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-material floating mb-0" data-plugin="formMaterial">
                        {!! Form::text('colors[0][supplier]', old('supplier'), ['class' => 'form-control supplier_name color-input', '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 color-input', '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 color-input', 'placeholder' => '']) !!}
                        {!! Form::label('thickness', 'Thickness', ['class' => 'floating-label']) !!}
                    </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', 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>
    var PREVIEWING = false;
    // 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
            validateForms(forms)
        }, false);

    })();

    function validateForms(forms) {
        if (!window.PREVIEWING) {
            window.PREVIEWING = true
        } else {
            return false;
        }
        var validation = Array.prototype.filter.call(forms, function(form) {
            form.addEventListener('submit', function(event) {

                // $("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'))

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

                } else {
                    event.preventDefault();
                    preview(form);
                }
                form.classList.add('was-validated');
            }, false);
        });
    }
</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>
    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;


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

                this.on("addedfile", function(file) {
                    // console.log(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() {

        $(".select2").select2();

        $('#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').datepicker({
            format: 'dd-mm-yyyy'
        });

        $("#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'));
        });

        intializeDates();

        @if(Auth::user()->hasRole('Admin'))
        getCustomerData(true);
        @endif
        window.COLOR_COUNT = 0;
        // $('#carcase_date_required').val("{{old('carcase_date_required', date('d-m-Y'))}}");
        // $('#doors_date_required').val("{{old('doors_date_required', date('d-m-Y'))}}");
        // $('#date_required').val("{{old('date_required', date('d-m-Y'))}}");
        $('#production_date_carcase').val("{{old('production_date_carcase', date('d-m-Y'))}}");
        $('#production_date_doors').val("{{old('production_date_doors', date('d-m-Y'))}}");

    });

    $(document).on('click', '.clearCarcaseProductionDate', function() {
        $('input[name=production_date_carcase]').val("").datepicker("update");
    });
    $(document).on('click', '.clearDoorsProductionDate', function() {
        $('input[name=production_date_doors]').val("").datepicker("update");
    });



    function intializeDates() {

        $('#deliveryDateCarcase').datepicker({
            format: 'dd-mm-yyyy',
            startDate: '0d'
        }).on("changeDate", function(event) {
            $("#delivery_date_carcase").val($("#deliveryDateCarcase").datepicker('getFormattedDate'));
        });;
        $('#deliveryDateDoors').datepicker({
            format: 'dd-mm-yyyy',
            startDate: '0d'
        }).on("changeDate", function(event) {
            $("#delivery_date_doors").val($("#deliveryDateDoors").datepicker('getFormattedDate'));
        });


    }

    function radioChanged(me) {
        setTimeout(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').datepicker({
                format: 'dd-mm-yyyy'
            });
            $("#DateRequired").on("changeDate", function(event) {
                $("#date_required").val($("#DateRequired").datepicker('getFormattedDate'));
            });
            @if(Auth::user()->hasRole('Admin'))
            getCustomerData();
            @endif
        }, 200);
    }

    $(document).on('click', '#submitbtn', function(e) {
        $("input[name=submitted]").val(1);
    });

    jQuery(document).on("change", "#hardware_options", function(event) {
        var elements = document.getElementsByClassName("hardware_items")
        for (var i = 0; i < elements.length; i++) {
            elements[i].style.display = 'none';
        }

        var ids = $(this).val();
        ids.map(function(id) {
            $(event.target).parents(".panel-body").find(".hardware_items_label").show()
            $(event.target).parents(".panel-body").find("#hardware_" + id).show()
            $(event.target).parents(".panel-body").find("#hardware_input_" + id).attr('name', 'hardware[' + id + '][qty]')
        });
    });



    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() {
                                initiateBlockUi();
                                $('#create').submit();
                            },
                            cancel: function() {}
                        }
                    });
                } else {

                }
            },
            error: function() {

            }
        });


        return false;
    }

    $(function() {
        var filename = '';
    });

    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');
                    }
                }
            }
        });
    }

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

        validateForms(forms)
    }

    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]');
        });
        var forms = document.getElementsByClassName('needs-validation');

        validateForms(forms)
    }
</script>


<script>
    @if(old('job_type'))
    var type = "