@extends('layouts.app')

@section('title', 'New Order')

@section('style')
<link rel="stylesheet" href="{{ asset('admin/plugins/daterangepicker/daterangepicker.css') }}">
<link rel="stylesheet" href="{{ asset('admin/plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('admin/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css') }}">
<link rel="stylesheet"
    href="{{ asset('admin/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') }}">
<link rel="stylesheet" href="{{ asset('admin/plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('admin/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('admin/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datepicker.css') }}">
<!--link href="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet"-->
@endsection

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>New Order</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Marketing</a></li>
                    <li class="breadcrumb-item active">New Order</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section id="el_content" class="content">
    <div class="container-fluid">
        <form action="{{ route('orders-save') }}" method="POST">
            @csrf
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title">ใบจ่ายงาน (ORDER)</h3>
                    <div class="card-tools">
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="callout callout-warning">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>รายงานเดิมเลขที่</label>
                                    <input name="ref_no" value="{{ old('ref_no') }}"
                                        placeholder="รายงานเดิมเลขที่" type="text" class="form-control"
                                        style="width: 100%;">
                                </div>
                                <!-- /.form-group -->
                            </div>
                            <!-- /.col -->
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>เลขที่อ้างอิง (ใบเสนอราคา)</label>
                                    <input name="quotation_no" value="{{ old('quotation_no') }}"
                                        placeholder="เลขที่อ้างอิง (ใบเสนอราคา)" type="text" class="form-control"
                                        style="width: 100%;">
                                </div>
                                <!-- /.form-group -->
                            </div>
                            <!-- /.col -->
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>ลงวันที่</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                        </div>
                                        <input name="quotation_date" value="{{ old('quotation_date') }}" type="text"
                                            placeholder="ลงวันที่" class="form-control datepicker"
                                            data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy"
                                            autocomplete="off" data-mask="" im-insert="false">
                                    </div>
                                </div>
                                <!-- /.form-group -->
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>รายงานเลขที่ <span class="text-danger">*</span></label>
                                <input name="order_no" placeholder="FSC-0123456789" type="text" class="form-control"
                                    style="width: 100%;" value="{{ old('order_no') }}" required>
                                @error('order_no')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>วันที่ </label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                    </div>
                                    <input name="order_date" value="{{ old('order_date') }}" type="text"
                                        placeholder="วันที่" class="form-control datepicker"
                                        data-inputmask-alias="datetime" autocomplete="off"
                                        data-inputmask-inputformat="dd/mm/yyyy" data-mask="" im-insert="false">
                                </div>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>รหัสลูกค้า </label>
                                <input name="customer_code" value="{{ old('customer_code') }}" placeholder="รหัสลูกค้า"
                                    type="text" class="form-control customer_codeAutoComplete" autocomplete="off"
                                    style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group">
                                <label>ชื่อลูกค้า </label>
                                <input name="customer_name" value="{{ old('customer_name') }}" placeholder="ชื่อลูกค้า"
                                    type="text" class="form-control customerAutoComplete" autocomplete="off"
                                    style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>โทร.</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                    </div>
                                    <input name="customer_tel" value="{{ old('customer_tel') }}" placeholder="โทร."
                                        type="text" class="form-control"
                                        data-inputmask="&quot;mask&quot;: &quot;(999) 999-9999&quot;" data-mask=""
                                        im-insert="true">
                                </div>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group">
                                <label>ชื่อผู้ว่าจ้าง </label>
                                <input name="owner_name" value="{{ old('owner_name') }}" placeholder="ชื่อผู้ว่าจ้าง"
                                    type="text" class="form-control ownerAutoComplete" autocomplete="off"
                                    style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>โทร.</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                    </div>
                                    <input name="owner_tel" value="{{ old('owner_tel') }}" placeholder="โทร."
                                        type="text" class="form-control"
                                        data-inputmask="&quot;mask&quot;: &quot;(999) 999-9999&quot;" data-mask=""
                                        im-insert="true">
                                </div>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>วัตถุประสงค์ </label>
                                <select name="objective_id" data-bind="enable: ObjectiveIsOther()!=true"
                                    class="form-control">
                                    <option value=""> --- เลือก --- </option>
                                    @foreach($objectives as $objective)
                                    <option value="{{ $objective->id }}"> {{ $objective->name }} </option>
                                    @endforeach
                                </select>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="icheck-warning d-inline">
                                    <input name="objective_is_other" value="1" data-bind="checked: ObjectiveIsOther"
                                        type="checkbox" id="checkboxIsOther">
                                    <label for="checkboxIsOther">
                                        อื่นๆ
                                    </label>
                                </div>
                            </div>
                            <!-- /.form-group -->
                            <div style="display:none" data-bind="visible: ObjectiveIsOther" class="form-group">
                                <input name="objective_other_text" value="{{ old('objective_other_text') }}"
                                    placeholder="อื่นๆ โปรดระบุ" type="text" class="form-control" style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>ที่ตั้งทรัพย์สิน </label>
                                            <input type="text" class="form-control" id="asset_address" name="asset_address" value="{{ old('asset_address') }}" placeholder="">
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>จังหวัด </label>
                                            <select class="form-control" id="province_id" name="province_id">
                                                <option value=""> --- เลือก ---</option>
                                                @foreach(App\Province::all() as $pro)
                                                <option value="{{ $pro->id }}">{{ $pro->province_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>อำเภอ </label>
                                            <select class="form-control" id="district_id" name="district_id">
                                                <option value=""> --- เลือก ---</option>
                                            </select>
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>ตำบล </label>
                                            <select class="form-control" id="thumbol_id" name="thumbol_id">
                                                <option value=""> --- เลือก ---</option>
                                            </select>
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                </div>
                                <!-- /.row -->
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>ประเภททรัพย์สิน</label>
                                <select name="asset_type_id" class="form-control">
                                    <option value=""> --- เลือก --- </option>
                                    @foreach($types as $type)
                                    <option value="{{ $type->id }}"> {{ $type->name }} </option>
                                    @endforeach
                                </select>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <!-- /.col -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>เอกสารสิทธิ์</label>
                                <input name="asset_document" value="{{ old('asset_document') }}"
                                    placeholder="เอกสารสิทธิ์" type="text" class="form-control" style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-2">
                            <div class="form-group inline">
                                <label>จำนวน (ฉบับ)</label>
                                <input name="asset_document_count" value="{{ old('asset_document_count') }}"
                                    placeholder="จำนวน" type="text" class="form-control" style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>รายละเอียดทรัพย์สิน </label>
                                <input name="asset_detail" value="{{ old('asset_detail') }}"
                                    placeholder="รายละเอียดทรัพย์สิน" type="text" class="form-control"
                                    style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="callout callout-info">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>วันที่รับงาน </label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                        </div>
                                        <input name="begin_date" value="{{ old('begin_date') }}" type="text"
                                            class="form-control datepicker" placeholder="วันที่รับงาน"
                                            data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy"
                                            autocomplete="off" data-mask="" im-insert="false">
                                    </div>
                                </div>
                                <!-- /.form-group -->
                            </div>
                            <!-- /.col -->
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>ระยะเวลาทำงาน</label>
                                    <input name="duration" value="{{ old('duration') }}" placeholder="ระยะเวลาทำงาน"
                                        type="text" class="form-control" style="width: 100%;">
                                </div>
                                <!-- /.form-group -->
                            </div>
                            <!-- /.col -->
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>วันกำหนดส่งงาน</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                        </div>
                                        <input name="end_date" value="{{ old('end_date') }}" type="text"
                                            class="form-control datepicker" placeholder="วันกำหนดส่งงาน"
                                            data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy"
                                            autocomplete="off" data-mask="" im-insert="false">
                                    </div>
                                </div>
                                <!-- /.form-group -->
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>ประเภทรายงาน</label>
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input name="document_is_thai" type="checkbox" id="checkboxTh"
                                                        value="1">
                                                    <label for="checkboxTh">
                                                        ภาษาไทย
                                                    </label>
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-md-4">
                                            <div class="form-group inline">
                                                <label>จำนวน (ฉบับ)</label>
                                                <input name="document_thai_count"
                                                    value="{{ old('document_thai_count') }}" placeholder="จำนวน"
                                                    type="text" class="form-control" style="width: 100%;">
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                    <!-- /.row -->
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input name="document_is_eng" type="checkbox" id="checkboxEn">
                                                    <label for="checkboxEn">
                                                        ภาษาอังกฤษ
                                                    </label>
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-md-4">
                                            <div class="form-group inline">
                                                <label>จำนวน (ฉบับ)</label>
                                                <input name="document_eng_count" value="{{ old('document_eng_count') }}"
                                                    placeholder="จำนวน" type="text" class="form-control"
                                                    style="width: 100%;">
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                    <!-- /.row -->
                                </div>
                                <!-- /.form-group -->
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>ค่าบริการ <span class="text-danger">*</span></label>
                                <div class="row">
                                    <div class="col-md-12">
                                        <table id="costs_table" class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th style="width:60px;">ลำดับ</th>
                                                    <th>รายการ</th>
                                                    <th style="width:160px;">บาท</th>
                                                    <th style="width:40px;">&nbsp;</th>
                                                </tr>
                                            </thead>
                                            <tbody data-bind="template: { name: 'item-template', foreach: Items }">
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <th class="text-right" colspan="2">
                                                        <div class="icheck-primary d-inline">
                                                            <input data-bind="checked: IncludeVat" type="checkbox"
                                                                id="checkboxIncludeVat" name="included_vat" value="1">
                                                            <label for="checkboxIncludeVat">
                                                                มี Vat 7%
                                                            </label>
                                                        </div>
                                                    </th>
                                                    <th colspan="2"><input data-bind="value: Vat" type="text"
                                                            class="form-control"></th>
                                                </tr>
                                                <tr>
                                                    <th class="text-right" colspan="2">รวมเป็นเงิน</th>
                                                    <th colspan="2"><input data-bind="value: Total" type="text"
                                                            class="form-control"></th>
                                                </tr>
                                                <tr>
                                                    <th colspan="4">
                                                        <button data-bind="click: Add"
                                                            class="btn btn-block btn-outline-info"> <i
                                                                class="fa fa-plus"></i> </button>
                                                    </th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="callout callout-success">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>เงื่อนไขการชำระเงิน </label>
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input data-bind="checked: Payment_condition" type="radio"
                                                        id="checkboxDaySurvey" name="payment_condition" value="1">
                                                    <label for="checkboxDaySurvey">
                                                        วันสำรวจ
                                                    </label>
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input data-bind="checked: Payment_condition" type="radio"
                                                        id="checkboxDaySuccess" name="payment_condition" value="2">
                                                    <label for="checkboxDaySuccess">
                                                        วันส่งงาน
                                                    </label>
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input data-bind="checked: Payment_condition" type="radio"
                                                        id="checkboxDayInvoice" name="payment_condition" value="3">
                                                    <label for="checkboxDayInvoice">
                                                        วางบิล
                                                    </label>
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input data-bind="checked: Payment_condition" type="radio"
                                                        id="checkboxDayOther" name="payment_condition" value="4">
                                                    <label for="checkboxDayOther">
                                                        อื่น ๆ
                                                    </label>
                                                    <input data-bind="visible: Payment_condition()==4"
                                                        class="form-control" type="text" name="payment_condition_other"
                                                        placeholder="อื่น ๆ โปรดระบุ" value="" />
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                </div>
                                <!-- /.form-group -->
                            </div>
                        </div>
                        <!-- /.row -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>การเก็บเงิน</label>
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input data-bind="checked: Payment_status" type="radio"
                                                        id="checkboxReceived" name="payment_status" value="1">
                                                    <label for="checkboxReceived">
                                                        เก็บแล้ว
                                                    </label>
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input data-bind="checked: Payment_status" type="radio"
                                                        id="checkboxNotReceived" name="payment_status" value="0">
                                                    <label for="checkboxNotReceived">
                                                        ยังไม่เก็บ
                                                    </label>
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="icheck-primary d-inline">
                                                    <input data-bind="checked: Payment_status" type="radio"
                                                        id="checkboxPayDayOther" name="payment_status" value="9">
                                                    <label for="checkboxPayDayOther">
                                                        อื่น ๆ
                                                    </label>
                                                    <input data-bind="visible: Payment_status()==9" class="form-control"
                                                        type="text" name="payment_status_other"
                                                        placeholder="อื่น ๆ โปรดระบุ" value="" />
                                                </div>
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                </div>
                                <!-- /.form-group -->
                            </div>
                        </div>
                        <!-- /.row -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>ใบเสร็จ/ใบวางบิล</label>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group inline">
                                                <label>ชื่อ</label>
                                                <input name="receipt_name" value="{{ old('receipt_name') }}"
                                                    placeholder="ชื่อ" type="text" class="form-control"
                                                    style="width: 100%;">
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                    <!-- /.row -->
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group inline">
                                                <label>ที่อยู่</label>
                                                <input name="receipt_address" value="{{ old('receipt_address') }}"
                                                    placeholder="ที่อยู่" type="text" class="form-control"
                                                    style="width: 100%;">
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                    <!-- /.row -->
                                </div>
                                <!-- /.form-group -->
                            </div>
                        </div>
                        <!-- /.row -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>ใบเสนอราคา</label>
                                    <div class="icheck-success d-inline">
                                        <input name="quotation_is_other" data-bind="checked: SameAsBill" type="checkbox"
                                            id="checkboxSameAsBill" value="1">
                                        <label for="checkboxSameAsBill">
                                            ใช้ชื่อ ที่อยู่ เดียวกับใบเสร็จ/ใบวางบิล
                                        </label>
                                    </div>
                                    <div style="display:none" data-bind="visible:SameAsBill()==false" class="row">
                                        <div class="col-md-12">
                                            <div class="form-group inline">
                                                <label>ชื่อ</label>
                                                <input name="quotation_name" value="{{ old('quotation_name') }}"
                                                    placeholder="ชื่อ" type="text" class="form-control"
                                                    style="width: 100%;">
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                    <!-- /.row -->
                                    <div style="display:none" data-bind="visible:SameAsBill()==false" class="row">
                                        <div class="col-md-12">
                                            <div class="form-group inline">
                                                <label>ที่อยู่</label>
                                                <input name="quotation_address" value="{{ old('quotation_address') }}"
                                                    placeholder="ที่อยู่" type="text" class="form-control"
                                                    style="width: 100%;">
                                            </div>
                                            <!-- /.form-group -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                    <!-- /.row -->
                                </div>
                                <!-- /.form-group -->
                            </div>
                        </div>
                        <!-- /.row -->
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>วันนัดสำรวจ</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
                                    </div>
                                    <input name="survey_date" value="{{ old('survey_date') }}" type="text"
                                        class="form-control datepicker" placeholder="วันนัดสำรวจ"
                                        data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy"
                                        autocomplete="off" data-mask="" im-insert="false">
                                </div>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>เวลา</label>
                                <div class="input-group date" id="timepicker" data-target-input="nearest">
                                    <input name="survey_time" value="{{ old('survey_time') }}" type="time"
                                        class="form-control datetimepicker-input" data-target="#timepicker" />
                                    <div class="input-group-append" data-target="#timepicker"
                                        data-toggle="datetimepicker">
                                        <div class="input-group-text"><i class="far fa-clock"></i></div>
                                    </div>
                                </div>
                                <!-- /.input group -->
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>สถานที่</label>
                                <input name="survey_address" value="{{ old('survey_address') }}" placeholder="สถานที่"
                                    type="text" class="form-control" style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group">
                                <label>ผู้สำรวจ</label>
                                <input name="surveyer" value="{{ old('surveyer') }}" placeholder="ผู้สำรวจ" type="text"
                                    class="form-control" style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>ผู้ประสานงาน</label>
                                <input name="coordinator" value="{{ old('coordinator') }}" placeholder="ผู้ประสานงาน"
                                    type="text" class="form-control" style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>โทร.</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                    </div>
                                    <input name="coordinator_tel" value="{{ old('coordinator_tel') }}"
                                        placeholder="โทร." type="text" class="form-control"
                                        data-inputmask="&quot;mask&quot;: &quot;(999) 999-9999&quot;" data-mask=""
                                        im-insert="true">
                                </div>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <hr />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>การนำเสนอรายงาน</label>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>ชื่อ</label>
                                            <input name="report_name" value="{{ old('report_name') }}"
                                                placeholder="ชื่อ" type="text" class="form-control"
                                                style="width: 100%;">
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>เรียน</label>
                                            <input name="report_title" value="{{ old('report_title') }}"
                                                placeholder="เรียน" type="text" class="form-control"
                                                style="width: 100%;">
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>ที่อยู่</label>
                                            <input name="report_address" value="{{ old('report_address') }}"
                                                placeholder="ที่อยู่" type="text" class="form-control"
                                                style="width: 100%;">
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                </div>
                                <!-- /.row -->
                            </div>
                            <!-- /.form-group -->
                        </div>
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>การส่งงาน/จ่าหน้าซอง</label>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>ชื่อ</label>
                                            <input name="postbox_name" value="{{ old('postbox_name') }}"
                                                placeholder="ชื่อ" type="text" class="form-control"
                                                style="width: 100%;">
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>ที่อยู่</label>
                                            <input name="postbox_address" value="{{ old('postbox_address') }}"
                                                placeholder="ที่อยู่" type="text" class="form-control"
                                                style="width: 100%;">
                                            <input data-bind="value: Published" type="hidden" name="publish" />
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                </div>
                                <!-- /.row -->
                            </div>
                            <!-- /.form-group -->
                        </div>
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>หมายเหตุ</label>
                                <textarea cols="80" rows="4" name="comment" placeholder="หมายเหตุ" class="form-control"
                                    autocomplete="off">{{ old('comment') }}</textarea>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <hr />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="float-right">
                                <button data-bind="click: Publish" type="submit" class="btn btn-primary mt-1"><i
                                        class="fa fa-check" style="font-size: 38px;"></i>
                                    บันทึก
                                </button>
                                <button data-bind="click: saveDraft" type="submit" class="btn btn-default mt-1"><i
                                        class="far fa-clipboard" style="font-size: 38px;"></i>
                                    บันทึกร่าง </button>
                                <button type="reset" class="btn btn-warning mt-1"><i class="fas fa-eraser"
                                        style="font-size: 38px;"></i>
                                    ยกเลิก </button>
                            </div>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    <p class="text-muted text-sm">หมายเหตุ <span class="text-danger">*</span> คือช่องที่ต้องป้อนข้อมูล
                        ไม่สามารถเว้นว่างได้</p>
                </div>
            </div>
            <!-- /.card -->
        </form>
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
@endsection

@section('script')
<script src="{{ asset('admin/plugins/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('admin/plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js') }}"></script>
<script src="{{ asset('admin/plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('admin/plugins/inputmask/min/jquery.inputmask.bundle.min.js') }}"></script>
<script src="{{ asset('admin/plugins/daterangepicker/daterangepicker.js') }}"></script>
<script src="{{ asset('admin/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js') }}"></script>
<script src="{{ asset('admin/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js') }}"></script>
<script src="{{ asset('admin/plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
<script src="https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.5.0.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
<script src="{{ asset('js/bootstrap-datepicker.js') }}"></script>
<script src="{{ asset('js/bootstrap-datepicker-thai.js') }}"></script>
<script src="{{ asset('js/bootstrap-datepicker.th.js') }}"></script>
<script src="{{ asset('js/bootstrap-autocomplete.min.js') }}"></script>
<script src="{{ asset('js/apps/order_new.js?v=3.2') }}"></script>
<script id="item-template" type="text/html">
<tr>
    <td class="text-center"><span data-bind="text: $index()+1"></span>.</td>
    <td><input data-bind="value: name" type="text" name="descriptions[]" class="form-control descriptionAutoComplete"
            autocomplete="off" required></td>
    <td><input data-bind="value: price" type="number" step="0.01" name="amounts[]" class="form-control" required></td>
    <td><button data-bind="click: $root.Remove" class="btn btn-default"><i class="fa fa-trash"></i></button></td>
</tr>
</script>
@stop