@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') }}">
@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 id="el_content" class="row">
            <div class="col-12">
                <div class="callout callout-info">
                    <h5><i class="fas fa-info"></i> รายละเอียดใบจ่ายงาน:</h5>
                    สร้างเมื่อ @display_thai_datetime($order->created_at) แก้ไขล่าสุด
                    @display_thai_datetime($order->updated_at)
                </div>

                <!-- Main content -->
                <div class="invoice p-3 mb-3">
                    <!-- title row -->
                    <div class="row">
                        <div class="col-12">
                            <h4>
                                <img src="/admin/dist/img/FSCLogo2.png" height="42" /> ใบจ่ายงาน
                                <small class="float-right">วันที่: @display_thai_date($order->order_date)</small>
                            </h4>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- info row -->
                    <div class="row invoice-info">
                        <div class="col-sm-4 invoice-col">
                            เลขที่อ้างอิง (ใบเสนอราคา):
                            <address>
                                <strong>#{{ $order->quotation_no }}</strong><br>
                                ลงวันที่: @display_thai_date($order->quotation_date)<br>
                                รหัสลูกค้า: {{ $order->customer_code }}<br>
                                ชื่อลูกค้า: {{ $order->customer_name }}
                                โทร.: {{ $order->customer_tel }}
                            </address>
                            วันที่รับงาน: @display_thai_date($order->begin_date) ระยะเวลาทำงาน:
                            {{ $order->duration }}<br />
                            วันกำหนดส่งงาน: @display_thai_date($order->end_date)
                        </div>
                        <!-- /.col -->
                        <div class="col-sm-4 invoice-col">
                            ชื่อผู้ว่าจ้าง
                            <address>
                                <strong>{{ $order->owner_name }}</strong><br>
                                โทร.: {{ $order->owner_tel }}<br>
                            </address>
                            วัตถุประสงค์: {{ $order->objective_text }}<br />
                            อื่นๆ: {{ $order->objective_other_text }}<br />
                            ประเภทรายงาน: <br />
                            @if($order->document_is_thai==1)
                            ภาษาไทย จำนวน {{ $order->document_thai_count }} ฉบับ<br />
                            @endif
                            @if($order->document_is_eng==1)
                            ภาษาอังกฤษ จำนวน {{ $order->document_eng_count }} ฉบับ
                            @endif
                        </div>
                        <!-- /.col -->
                        <div class="col-sm-4 invoice-col">
                            <b>รายงานเดิมเลขที่ #{{ $order->ref_no }}</b><br>
                            <b>รายงานเลขที่ #{{ $order->order_no }}</b><br>
                            <b>ที่ตั้งทรัพย์สิน:</b>
                            <address>
                                {{ $order->asset_address }}<br/>
                                ตำบล/แขวง <b>{{ $order->thumbol_name }}</b> อำเภอ/เขต <b>{{ $order->district_name }}</b>
                                จังหวัด <b>{{ $order->province_name }}</b>
                            </address>
                            ประเภททรัพย์สิน: {{ $order->asset_type_text }}<br />
                            รายละเอียดทรัพย์สิน: {{ $order->asset_detail }}<br />
                            เอกสารสิทธิ์: {{ $order->asset_document }} จำนวน {{ $order->asset_document_count }} ฉบับ
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    @if(Auth::User()->can('New Order'))
                    <br />
                    <!-- Table row -->
                    <div class="row">
                        <div class="col-12 table-responsive">
                            <p class="lead">ค่าบริการ:</p>
                            <table class="table 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: BeforeVat"></th>
                                     </tr>
                                    <tr>
                                        <th class="text-right" colspan="2">Vat 7%</th>
                                        <th class="text-right"><span data-bind="visible:IncludeVat, text: Vat"></span></th>
                                    </tr>
                                    <tr>
                                        <th class="text-right" colspan="2">รวมเป็นเงิน</th>
                                        <th class="text-right" data-bind="text: Total"></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    @endif

                    <div class="row">
                        <!-- accepted payments column -->
                        <div class="col-6">
                            <p class="lead">เงื่อนไขการชำระเงิน:</p>
                            {{ $order->payment_condition_text }}

                            <p class="well well-sm shadow-none">
                                การเก็บเงิน: {{ $order->payment_status_text }}<br />
                                ใบเสร็จ/ใบวางบิล<br /> ชื่อ: {{ $order->receipt_name }}

                                ที่อยู่:
                                <address>
                                    {{ $order->receipt_address }}
                                </address>
                                ใบเสนอราคา<br />
                                ชื่อ: {{ $order->quotation_name }} <br />
                                ที่อยู่:
                                <address>
                                    {{ $order->quotation_address }}
                                </address>
                                วันนัดสำรวจ @display_thai_date($order->survey_date) <br />
                                เวลา: {{ $order->survey_time }}<br />
                                สถานที่: {{ $order->survey_address }} <br />
                                ผู้สำรวจ: {{ $order->surveyer }} <br />
                                ผู้ประสานงาน: {{ $order->coordinator }} <br />
                                โทร.: {{ $order->coordinator_tel }} <br />
                            </p>
                        </div>
                        <!-- /.col -->
                        <div class="col-6">
                            @if($voucher)
                            <p class="lead">ประวัติการเบิกเงิน</p>
                            <div class="row">
                                <div class="col-6">
                                    เลขที่งาน: {{ $voucher->order_no }} <br />
                                </div>
                                <div class="col-6">
                                    จ่ายให้: {{ $voucher->pay_for_name }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    โดย: {{ $voucher->payment_method_text }}
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th style="width:60px;">ลำดับ</th>
                                            <th>รายการ</th>
                                            <th style="width:160px;">จำนวนเงิน (บาท)</th>
                                        </tr>
                                    </thead>
                                    @foreach($order->voucher()->voucher_items() as $i=>$item)
                                    <tbody>
                                        <tr>
                                            <td>{{ 1 + $i }}.</td>
                                            <td>{{ $item->description }}</td>
                                            <td>{{ \number_format($item->amount, 2) }}</td>
                                        </tr>
                                    </tbody>
                                    @endforeach
                                    <tfoot>
                                        <tr>
                                            <th class="text-right" colspan="2">รวมเป็นเงิน</th>
                                            <th class="text-right"> {{ \number_format($order->payment_total, 2) }}</th>
                                        </tr>
                                        <tr>
                                            <th class="text-right" colspan="2">ยอด 60%</th>
                                            <th class="text-right" colspan="2">
                                                {{ \number_format($order->payment_total * 0.6, 2) }}
                                            </th>
                                        </tr>
                                        <tr>
                                            <th class="text-right" colspan="2">ยอด 40%</th>
                                            <th class="text-right" colspan="2">
                                                {{ \number_format($order->payment_total * 0.4, 2) }}
                                            </th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            @endif

                            <p class="lead">การนำเสนอรายงาน</p>
                            ชื่อ: {{ $order->report_name }} <br />
                            เรียน: {{ $order->report_address }}
                            <p class="lead">การส่งงาน/จ่าหน้าซอง</p>
                            ชื่อ: {{ $order->postbox_name }} <br />
                            ที่อยู่:
                            <address>
                                {{ $order->postbox_address }}
                            </address>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    {{--
                    <div class="row">
                        <div class="col-12">
                            <p class="lead">รายละเอียดอื่นๆ</p>
                            <div class="row">
                                <div class="col-6">
                                    ผู้ถือกรรมสิทธิ์: {{ $order->holder_name }} <br />
                                    วันที่ประเมิน  // วันที่สำรวจ: @display_thai_date($order->estimate_date) <br />
                                    วันที่ส่งงาน: @display_thai_date($order->delivery_date) <br />

                                    วิธีประเมิน: {{ $order->how_to_estimate }} <br />
                                    <br />
                                    ราคาที่ดิน // ราคาเครื่องจักร: {{ $order->land_price }} <br />
                                    ราคาตลาด: {{ $order->market_price }} <br />
                                    <br />
                                    ผู้ประเมินหลัก: {{ $order->primary_assessor_name }} <br />
                                    เจ้าหน้าที่: {{ $order->staff_name }} <br />
                                    ผู้ตรวจสอบรายงาน: {{ $order->report_auditor_name }} <br />
                                    <br />
                                    วันที่ส่งรูปเล่ม: @display_thai_date($order->document_delivery_date) <br />
                                    ชื่อไฟล์ pdf: {{ $order->document_file_name }} <br />
                                    ราคาทรัพย์สิน: {{ $order->latest_price }}  <br />
                                </div>
                                <div class="col-6">
                                    โฉนดเลขที่ // ประเภทกิจการ: {{ $order->deed_no }} <br />
                                    เนื้อที่ดิน // จำนวนเครื่องจักร: {{ $order->usage_area }} <br />
                                    พื้นที่ใช้สอย // เครื่องจักรจดทะเบียน: {{ $order->usage_space }} <br />
                                    จำนวนชั้น // เครื่องจักรไม่จดทะเบียน: {{ $order->number_of_floors }} <br />
                                    ชั้นที่: {{ $order->floor }} <br />
                                    <address>
                                        {{ $order->moo_ban }} <br />
                                        อาคาร {{ $order->building }} <br />
                                        บ้านเลขที่ {{ $order->house_number }} หมู่ที่ {{ $order->moo }} <br />
                                        ซอย {{ $order->soi }} ถนน {{ $order->road }} <br />
                                        {{ $order->thumbol_name }} {{ $order->district_name }}
                                        {{ $order->province_name }}
                                    </address>
                                    ละติจูด: {{ $order->latitude }} <br />
                                    ลองจิจูด: {{ $order->longitude }} <br />
                                </div>
                            </div>
                            <br />
                        </div>
                    </div>
                    --}}
                    <div class="row">
                        <div class="col-12">
                            หมายเหตุ: <span class="text-mute">{{ $order->comment }}</span>
                        </div>
                    </div>

                    <!-- this row will not appear when printing -->
                    <div class="row no-print">
                        <div class="col-12">
                            <button data-bind="click: print_preview" type="button" class="btn btn-default float-right">
                                <i class="fas fa-print"></i>
                                Print
                            </button>
                            <!--button type="button" class="btn btn-primary float-right" style="margin-right: 5px;">
                                <i class="fas fa-download"></i> Generate PDF
                            </button-->
                        </div>
                    </div>
                </div>
                <!-- /.invoice -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
<div class="modal" id="modal-print">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">ตัวอย่างก่อนพิมพ์</h4>
            </div>
            <div class="modal-body">
                <iframe id="print_preview" name="print_preview" src="{{ route('orders-preview', [$order->id]) }}"
                    width="100%" height="450px;" frameborder="0"></iframe>
            </div>
            <div class="modal-footer">
                <button
                    onClick="javascript: window.frames['print_preview'].focus();window.frames['print_preview'].print();"
                    type="button" class="btn btn-success btn-outline waves-effect" data-dismiss="modal"><i
                        class="fa fa-print"></i> Print</button>
                <button type="button" class="btn btn-default waves-effect" data-dismiss="modal" lang="en">Close</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
@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>
    <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