@extends('layouts.app')

@section('title', 'Update Closed Job')

@section('style')
<link rel="stylesheet" href="{{ asset('admin/plugins/icheck-bootstrap/icheck-bootstrap.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>Update Closed Job <span>#{{ $job->order_no }}</span></h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('jobs') }}">All Jobs</a></li>
                    <li class="breadcrumb-item active">Update Closed Job</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section id="el_content" class="content">
    <div class="container-fluid">
        <form action="{{ route('jobs-update-close-job') }}" method="POST">
            @csrf
            <input type="hidden" id="job_id" name="job_id" value="{{ $job->id  }}" />
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title">ป้อนรายละเอียดงาน</h3>
                    <div class="card-tools">
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <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>วันที่ประเมิน // วันที่สำรวจ <span class="text-danger">*</span></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 datepicker"
                                        data-inputmask-alias="datetime" autocomplete="off"
                                        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>วันที่ส่งงาน <span class="text-danger">*</span></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 datepicker"
                                        data-inputmask-alias="datetime" autocomplete="off"
                                        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>
                                <input name="deed_no" value="{{ $order->deed_no }}" placeholder="โฉนดเลขที่" type="text"
                                    class="form-control customerAutoComplete" autocomplete="off" style="width: 100%;">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-3">
                            <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-3">
                            <div class="form-group">
                                <label>พื้นที่ใช้สอย // เครื่องจักรจดทะเบียน</label>
                                <input name="usage_space" value="{{ $order->usage_space }}" placeholder="พื้นที่ใช้สอย"
                                    type="text" class="form-control">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-3">
                            <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-3">
                            <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-12">
                            <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>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>ราคาที่ดิน // ราคาเครื่องจักร <span
                                        class="text-danger">(ใส่หน่วยด้วย)</span></label>
                                <textarea cols="80" rows="3" name="land_price" placeholder="ราคาที่ดิน // ราคาเครื่องจักร"
                                      class="form-control" autocomplete="off">{{ $order->land_price }}</textarea>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>ราคาตลาด <span class="text-danger">(ใส่หน่วยด้วย)</span></label>
                                <textarea cols="80" rows="3" name="market_price" placeholder="ราคาตลาด"
                                 class="form-control" autocomplete="off">{{ $order->market_price }}</textarea>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row-->
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>ละติจูด <span class="text-danger">*</span></label>
                                <input name="latitude" value="{{ $order->latitude }}" placeholder="ละติจูด" type="text"
                                    class="form-control" autocomplete="off" required>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>ลองจิจูด <span class="text-danger">*</span></label>
                                <input name="longitude" value="{{ $order->longitude }}" placeholder="ลองจิจูด"
                                    type="text" class="form-control" autocomplete="off" required>
                            </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 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">{{ $order->comment }}</textarea>
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group">
                                <label> ชื่อไฟล์ pdf</label>
                                <input name="document_file_name" value="{{ $order->document_file_name }}"
                                    placeholder="ชื่อไฟล์ pdf" type="text" class="form-control" autocomplete="off">
                            </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="document_delivery_date" value="@display_thai_date($order->document_delivery_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>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label> ราคาทรัพย์สิน <span class="text-danger">(ใส่หน่วยด้วย)</span></label>
                                <input name="updated_market_price" value="{{ $order->latest_price }}"
                                    placeholder="ราคาทรัพย์สิน" type="text" class="form-control" autocomplete="off">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-8">
                            <div class="table-reposive">
                              <p>การแก้ไขราคาทรัพย์สิน</p>
                               <table class="table">
                                    <thead>
                                        <tr>
                                            <th>ครั้งที่</th>
                                            <th>ราคาทรัพย์สิน</th>
                                            <th>ชื่อผู้แก้ไข</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($order->prices_history as $i=>$history)
                                        <tr>
                                            <td>{{ 1 + $i }}.</td>
                                            <td>{{ $history->updated_market_price }}</td>
                                            <td>{{ $history->user_name }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                               </table>
                            </div>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <hr />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="float-right">
                                <button type="submit" class="btn btn-success mt-1"><i class="fa fa-check"
                                        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('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>
var order = @json($order);
</script>
<script src="{{ asset('js/apps/order_close_update.js?v=1.0') }}"></script>
@stop