@extends('layouts.app')

@section('title', 'Close 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>Close 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-my') }}">My Jobs</a></li>
                    <li class="breadcrumb-item active">Close 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-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="{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('number_of_floors') }}">
                            </div>
                            <!-- /.form-group -->
                        </div>
                        <!-- /.col -->
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>ชั้นที่ </label>
                                <input name="floor" value="{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('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">{{ old('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">{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('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="{{ old('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">{{ old('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="{{ old('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="{{ old('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="{{ old('updated_market_price') }}"
                                    placeholder="ราคาทรัพย์สิน" type="text" class="form-control" autocomplete="off">
                            </div>
                            <!-- /.form-group -->
                        </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 src="{{ asset('js/apps/order_close.js?v=1.0') }}"></script>
@stop