@extends('layouts.app')

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

@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>Order Detail</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">Order Detail</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section id="el_content" class="content">
    <div class="container-fluid">
        <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>&nbsp;</label>
                            </div>
                            <!-- /.form-group -->
                            <div class="form-group">
                                <label>&nbsp;</label>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>เลขที่อ้างอิง (ใบเสนอราคา)</label>
                                <input name="quotation_no" value="{{ $order->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="@display_thai_date($order->quotation_date)"
                                        type="text" placeholder="ลงวันที่" class="form-control datepicker"
                                        data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy"
                                        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>รายงานเลขที่ </label>
                            <input name="order_no" placeholder="FSC-0123456789" type="text" class="form-control"
                                style="width: 100%;" value="{{ $order->order_no }}" required>
                        </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="@display_thai_date($order->order_date)" type="text"
                                    placeholder="วันที่" class="form-control datepicker" data-inputmask-alias="datetime"
                                    data-inputmask-inputformat="dd/mm/yyyy" data-mask="" im-insert="false" required>
                            </div>
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>รหัสลูกค้า </label>
                            <input name="customer_code" value="{{ $order->customer_code }}" placeholder="รหัสลูกค้า"
                                type="text" class="form-control" style="width: 100%;" required>
                        </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="{{ $order->customer_name }}" placeholder="ชื่อลูกค้า"
                                type="text" class="form-control" style="width: 100%;" required>
                        </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="{{ $order->customer_tel }}" placeholder="โทร."
                                    type="text" class="form-control"
                                    data-inputmask="&quot;mask&quot;: &quot;(999) 999-9999&quot;" data-mask=""
                                    im-insert="true" required>
                            </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="{{ $order->owner_name }}" placeholder="ชื่อผู้ว่าจ้าง"
                                type="text" class="form-control" style="width: 100%;" required>
                        </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="{{ $order->owner_tel }}" placeholder="โทร." type="text"
                                    class="form-control" data-inputmask="&quot;mask&quot;: &quot;(999) 999-9999&quot;"
                                    data-mask="" im-insert="true" required>
                            </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" required>
                                <option value=""> --- เลือก --- </option>
                                @foreach($objectives as $objective)
                                <option @selected($order->objective_id, $objective->id) 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="{{ $order->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">
                            <label>ที่ตั้งทรัพย์สิน </label>
                            <input name="asset_address" value="{{ $order->asset_address }}"
                                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>
                            <select name="asset_type_id" class="form-control" required>
                                <option value=""> --- เลือก --- </option>
                                @foreach($types as $type)
                                <option @selected($order->asset_type_id, $type->id) 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="{{ $order->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="{{ $order->asset_document_count }}"
                                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="@display_thai_date($order->begin_date)" type="text"
                                        class="form-control datepicker" placeholder="วันที่รับงาน"
                                        data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy"
                                        data-mask="" im-insert="false" required>
                                </div>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>ระยะเวลาทำงาน</label>
                                <input name="duration" value="{{ $order->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="@display_thai_date($order->end_date)" type="text"
                                        class="form-control datepicker" placeholder="วันกำหนดส่งงาน"
                                        data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy"
                                        data-mask="" im-insert="false" required>
                                </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 @checked($order->document_is_thai, 1) 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="{{ $order->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 @checked($order->document_is_eng, 1) 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="{{ $order->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>

                @if(Auth::User()->can('New Order'))
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label>ค่าบริการ </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>
                                            </tr>
                                        </thead>
                                        <tbody data-bind="template: { name: 'item-template', foreach: Items }"></tbody>
                                        <tfoot>
                                            <tr>
                                                <th class="text-right" colspan="2">รวมเป็นเงิน</th>
                                                <th class="text-right" data-bind="text: Total"></th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                @endif

                <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 @checked($order->payment_condition, 1) 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 @checked($order->payment_condition, 2) 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 @checked($order->payment_condition, 3) type="radio"
                                                id="checkboxDayInvoice"
                                                name="payment_condition" value="3">
                                                <label for="checkboxDayInvoice">
                                                    วางบิล
                                                </label>
                                            </div>
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="icheck-primary d-inline">
                                                <input @checked($order->payment_condition, 4) type="radio"
                                                id="checkboxDayOther" name="payment_condition" value="4">
                                                <label for="checkboxDayOther">
                                                    อื่น ๆ
                                                </label>
                                            </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 @checked($order->payment_status, 1) 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 @checked($order->payment_status, 0) type="radio"
                                                id="checkboxNotReceived" name="payment_status"
                                                value="0">
                                                <label for="checkboxNotReceived">
                                                    ยังไม่เก็บ
                                                </label>
                                            </div>
                                        </div>
                                        <!-- /.form-group -->
                                    </div>
                                    <!-- /.col -->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="icheck-primary d-inline">
                                                <input @checked($order->payment_status, 9) type="radio"
                                                id="checkboxPayDayOther" name="payment_status"
                                                value="9">
                                                <label for="checkboxPayDayOther">
                                                    อื่น ๆ 
                                                </label>
                                            </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="{{ $order->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="{{ $order->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="{{ $order->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="{{ $order->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="@display_thai_date($order->survey_date)" type="text"
                                    class="form-control datepicker" placeholder="วันนัดสำรวจ"
                                    data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy" 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="{{ $order->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="{{ $order->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="{{ $order->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="{{ $order->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="{{ $order->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="{{ $order->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="{{ $order->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="{{ $order->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="{{ $order->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="{{ $order->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 -->
                <hr />
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>ผู้ถือกรรมสิทธิ์ </label>
                            <input name="holder_name" placeholder="" type="text" class="form-control"
                                style="width: 100%;" value="{{ $order->holder_name }}">
                        </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="estimate_date" value="@display_thai_date($order->estimate_date)" type="text"
                                    placeholder="วันที่ประเมิน" class="form-control">
                            </div>
                        </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="delivery_date" value="@display_thai_date($order->delivery_date)" type="text"
                                    placeholder="วันที่ส่งงาน" class="form-control">
                            </div>
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>โฉนดเลขที่</label>
                            <input name="deed_no" value="{{ $order->deed_no }}" placeholder="โฉนดเลขที่" type="text"
                                class="form-control" autocomplete="off" style="width: 100%;">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>พื้นที่ใช้สอย </label>
                            <input name="usage_area" value="{{ $order->usage_area }}" placeholder="พื้นที่ใช้สอย"
                                type="text" class="form-control">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>จำนวนชั้น </label>
                            <input name="number_of_floors" placeholder="จำนวนชั้น" type="text" class="form-control"
                                style="width: 100%;" value="{{ $order->number_of_floors }}">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>ชั้นที่ </label>
                            <input name="floor" value="{{ $order->floor }}" type="text" placeholder="ชั้นที่"
                                class="form-control">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>หมู่บ้าน/โครงการ </label>
                            <input name="moo_ban" value="{{ $order->moo_ban }}" type="text"
                                placeholder="หมู่บ้าน/โครงการ" class="form-control">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>อาคาร </label>
                            <input name="building" value="{{ $order->building }}" type="text" placeholder="อาคาร"
                                class="form-control">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>บ้านเลขที่ </label>
                            <input name="house_number" value="{{ $order->house_number }}" type="text"
                                placeholder="บ้านเลขที่" class="form-control">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>หมู่ที่ </label>
                            <input name="moo" value="{{ $order->moo }}" 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="soi" value="{{ $order->soi }}" type="text" placeholder="ซอย"
                                class="form-control">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>ถนน </label>
                            <input name="road" value="{{ $order->road }}" 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>
                            <span class="form-control">{{ $order->province_name }}</span>
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>อำเภอ </label>
                            <span class="form-control">{{ $order->district_name }}</span>
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>ตำบล </label>
                            <span class="form-control">{{ $order->thumbol_name }}</span>
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-8">
                        <div class="form-group">
                            <label>วิธีประเมิน</label>
                            <input name="how_to_estimate" value="{{ $order->how_to_estimate }}" placeholder="วิธีประเมิน"
                                type="text" class="form-control" autocomplete="off">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>ราคาที่ดิน </label>
                            <input name="land_price" value="{{ $order->land_price }}" placeholder="ราคาที่ดิน"
                                type="text" class="form-control" autocomplete="off">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>ราคาตลาด </label>
                            <input name="market_price" value="{{ $order->market_price }}" placeholder="ราคาตลาด"
                                type="text" class="form-control" autocomplete="off">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>ละติจูด</label>
                            <input name="latitude" value="{{ $order->latitude }}" placeholder="ละติจูด" type="text"
                                class="form-control" autocomplete="off">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>ลองจิจูด</label>
                            <input name="longitude" value="{{ $order->longitude }}" placeholder="ลองจิจูด" type="text"
                                class="form-control" autocomplete="off">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>เจ้าหน้าที่</label>
                            <input name="staff_name" value="{{ $order->staff_name }}" placeholder="เจ้าหน้าที่"
                                type="text" class="form-control" autocomplete="off">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>ผู้ตรวจสอบรายงาน</label>
                            <input name="report_auditor_name" value="{{ $order->report_auditor_name }}"
                                placeholder="ผู้ตรวจสอบรายงาน" type="text" class="form-control" autocomplete="off">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>ผู้ประเมินหลัก</label>
                            <input name="primary_assessor_name" value="{{ $order->primary_assessor_name }}"
                                placeholder="ผู้ประเมินหลัก" type="text" class="form-control" autocomplete="off">
                        </div>
                        <!-- /.form-group -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.card-body -->
            <div class="card-footer">
                <p><span class="text-muted text-sm">Created at</span> @display_thai_datetime($order->created_at) </p>
                <p><span class="text-muted text-sm">Updated at</span> @display_thai_datetime($order->updated_at)</p>
            </div>
        </div>
        <!-- /.card -->
    </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>
var ordercosts = @json($ordercosts),
    order = @json($order);
</script>
<script src="{{ asset('js/apps/order_detail.js?v=4.1') }}"></script>
<script id="item-template" type="text/html">
<tr data-bind="visible: deleted()!=true">
    <td class="text-center"><span data-bind="text: $index()+1"></span>.</td>
    <td data-bind="text: name"></td>
    <td class="text-right" data-bind="text: numeral(price()).format('0,0.00')"></td>
</tr>
</script>
@stop