@extends('layout.manage_assets')

@section('css_page_level')

    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}" />
    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/global/plugins/datatables/media/css/buttons.dataTables.min.css') }}" />
    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}" />
    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css') }}" />
    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2.css') }}" />
    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/global/plugins/select2/css/select2-bootstrap.min.css') }}" />
    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/global/plugins/jquery-multi-select/css/multi-select.css') }}" />
    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" />
@endsection

@section('page-content-wrapper')
    <style type="text/css">
        .th_display_none {
            display: none;
        }

        .disableInput {
            background-color: #ffee88 !important;
        }

        .readOnlyInput {
            background-color: #ffee88 !important;
        }

        .portlet.light .dataTables_wrapper .dt-buttons {
            margin-top: 0px;
        }

        .dataTables_wrapper .dt-buttons {
            float: left;
        }

        .form-group {
            padding: 25px 0;
        }
    </style>
    <div class="page-content-wrapper" id="main">
        <div class="page-content">
            <!-- BEGIN PAGE HEADER-->
            <h3 class="page-title">
                @inject('setting', 'anlutro\LaravelSettings\Facade')
                {{ $setting::get('system_name', '全方位建築智慧化管理系統') }}
                <small>{{ $setting::get('company_name', '新保科技') }}</small>
            </h3>
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="index.html">首頁</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="#">取得資產設備建立</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="#">資產設備資訊</a>
                    </li>
                </ul>
                <div class="page-toolbar">

                </div>
            </div>
            <!-- END PAGE HEADER-->
            <div class="row">
                <div class="col-md-12">
                    <div class="content">
                        <div class="body">
                            <div id="asset-data" class="row">
                                <div class="col-md-12">
                                    @if($version == 0)
                                            <blockquote>
                                                <h4>1. 設備資訊</h4>
                                            </blockquote>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">資產編號</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="no" class="form-control" readonly
                                                            placeholder="資產編號">
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">廠牌型號</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="model" class="form-control" readonly
                                                            placeholder="廠牌型號">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">資產名稱</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="asset_name" class="form-control" readonly
                                                            placeholder="資產名稱">
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">分類類別</label>
                                                <div class="col-md-4">
                                                    <select name="c_id" class="form-control mySelect2" disabled>
                                                        @foreach($assetCategories as $category)
                                                            <option value="{{$category->id}}">{{$category->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">規格明細</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <textarea name="specification" class="form-control" readonly
                                                            placeholder="規格明細"></textarea>
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">附屬設備</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <textarea name="affiliated_asset" class="form-control" readonly
                                                            placeholder="附屬設備"></textarea>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">產品序號</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="sn" class="form-control" readonly
                                                            placeholder="產品序號">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">取得日期</label>
                                                <div class="col-md-4">
                                                    <div class="input-group date form_datetime date-picker"
                                                        data-date-format="yyyy-mm-dd">
                                                        <input type="text" name="purchase_date" readonly class="form-control">
                                                        <span class="input-group-btn">
                                                            <button class="btn default date-set" type="button"><i
                                                                    class="fa fa-calendar"></i></button>
                                                        </span>
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">取得來源</label>
                                                <div class="col-md-4">
                                                    <select name="as_id" class="form-control mySelect2" disabled>
                                                        @foreach($acquiredSources as $source)
                                                            <option value="{{$source->id}}">{{$source->source}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">取得成本</label>
                                                <div class="col-md-2">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="costs" class="form-control" readonly
                                                            placeholder="成本">
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">耐用年限</label>
                                                <div class="col-md-2">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="age_limit" class="form-control" readonly
                                                            placeholder="年限">
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">現值</label>
                                                <div class="col-md-2">
                                                    <input type="text" name="depreciation_price" class="form-control readOnlyInput"
                                                        value="0" readonly>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">取得原因</label>
                                                <div class="col-md-4" style="p">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="purchase_reason" class="form-control" readonly
                                                            placeholder="取得原因">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">產品現況</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <textarea name="situation" class="form-control" readonly
                                                            placeholder="產品現況"></textarea>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-md-2 control-label">保管人</label>
                                                <div class="col-md-4">
                                                    <select name="custodian" class="form-control mySelect2" disabled>
                                                        <option value="">未選擇</option>
                                                        @foreach($staffs as $staff)
                                                            <option value="{{$staff->id}}">{{$staff->employee_no . '  ' . $staff->name}}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <label class="col-md-2 control-label">姓名</label>
                                                <div class="col-md-4">
                                                    <input type="text" name="custodian_name" class="form-control" readonly>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-2 control-label">部門群組</label>
                                                <div class="col-md-2">
                                                    <input type="text" name="department_no" class="form-control" readonly>
                                                </div>
                                                <div class="col-md-2">
                                                    <input type="text" name="department_name" class="form-control" readonly>
                                                </div>
                                                <label class="col-md-2 control-label">職務名稱</label>
                                                <div class="col-md-4">
                                                    <input type="text" name="title" class="form-control" readonly>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-2 control-label">存放位置</label>
                                                <div class="col-md-4">
                                                    <select name="sp_id" class="form-control mySelect2" disabled>
                                                        @foreach($storagePlaces as $place)
                                                            <option value="{{$place->id}}">{{$place->place}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <label class="col-md-2 control-label">對應BA設備</label>
                                                <div class="col-md-6">
                                                    <select name="sensor_id" class="form-control mySelect2" style="width: 100%;" disabled>
                                                        <option value="0">無對應設備</option>
                                                        @foreach($sensor as $one)
                                                        <option value="{{$one->id}}">{{$one->sensor_name}} - {{$one->tag}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <blockquote>
                                                <h4>2. 保固資訊</h4>
                                            </blockquote>
                                            <div class="form-group">
                                                <label class="col-md-2 control-label">銷售/維修廠商</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <select name="f_id" class="form-control mySelect2" disabled>
                                                            @foreach($firms as $firm)
                                                                @if($firm->status == 1)
                                                                    <option value="{{$firm->id}}">{{$firm->no . '-' . $firm->name}} (已註銷)
                                                                    </option>
                                                                @else
                                                                    <option value="{{$firm->id}}">{{$firm->no . '-' . $firm->name}}</option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">聯絡人</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-user"></i>
                                                        <input type="text" name="repairer_contact" class="form-control" readonly
                                                            placeholder="聯絡人">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-2 control-label">維修電話</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-phone"></i>
                                                        <input type="text" name="repairer_tel" class="form-control" readonly
                                                            placeholder="維修電話">
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">型錄檔名</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon d-flex">                                                   
                                                        <a href="#" id="catalog_file_name_url" class="">
                                                            <span id="catalog_file_name"></span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-2 control-label">保固方式</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="warranty_type" class="form-control" readonly
                                                            placeholder="保固方式">
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">操作手冊檔名</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon d-flex">
                                                        <a href="#" id="manual_file_name_url" class="">
                                                            <span id="manual_file_name"></span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-2 control-label">保固到期日</label>
                                                <div class="col-md-4">
                                                    <div class="input-group date form_datetime date-picker"
                                                        data-date-format="yyyy-mm-dd">
                                                        <input type="text" name="warranty_exp_date" readonly class="form-control">
                                                        <span class="input-group-btn">
                                                            <button class="btn default date-set" type="button"><i
                                                                    class="fa fa-calendar"></i></button>
                                                        </span>
                                                    </div>
                                                </div>
                                                <label class="col-md-2 control-label">照片檔名</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon d-flex">
                                                        <a href="#" id="picture_file_name_url" class="">
                                                            <span id="picture_file_name">(無)</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-md-2 control-label">圖片</label>
                                                <div class="col-md-8 imageList">
                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
                                                        <input type="hidden" name="image_id" value="" />
                                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput"
                                                            style="width: 269.97px; height: 150px;">
                                                            <img src="" name="image_url" alt="" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            @if($longrepair == 1)
                                                <blockquote>
                                                    <h4>3. 預算金額設定</h4>
                                                </blockquote>
                                                <div class="form-group">
                                                    <label class="col-md-2 control-label">預算金額</label>
                                                    <div class="col-md-4">
                                                        <div class="input-icon">
                                                            <input type="text" name="budget_amount" class="form-control" readonly
                                                                placeholder="預算金額">
                                                        </div>
                                                    </div>
                                                    <label class="col-md-2 control-label">元</label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-md-2 control-label">預算年度</label>
                                                    <div class="col-md-4">
                                                        <div class="input-icon">
                                                            <input type="text" name="budget_year" class="form-control" readonly
                                                                placeholder="預算年度">
                                                        </div>
                                                    </div>
                                                    <label class="col-md-2 control-label">年</label>
                                                </div>
                                            @endif
                                    @else
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">空間名稱</label>
                                            <div class="col-md-4">
                                                <select name="sp_id" class="form-control mySelect2" disabled>
                                                    @foreach($storagePlaces as $place)
                                                        <option value="{{$place->id}}">{{$place->floor}}-{{$place->place}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div id="devuuid_box">
                                                <label class="col-md-2 control-label">設備編號</label>
                                                <div class="col-md-4">
                                                    <div class="input-icon">
                                                        <i class="fa fa-pencil"></i>
                                                        <input type="text" name="devuuid" class="form-control" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">設備名稱</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="asset_name" class="form-control readonly" readonly
                                                        placeholder="設備名稱">
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">產品序號</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="sn" class="form-control" readonly
                                                        placeholder="產品序號">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">安裝日期</label>
                                            <div class="col-md-4">
                                                <div class="input-group date form_datetime date-picker"
                                                    data-date-format="yyyy-mm-dd">
                                                    <input type="text" name="installation_date" readonly class="form-control">
                                                    <span class="input-group-btn">
                                                        <button class="btn default date-set" type="button"><i
                                                                class="fa fa-calendar"></i></button>
                                                    </span>
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">保固起始日期</label>
                                            <div class="col-md-4">
                                                <div class="input-group date form_datetime date-picker"
                                                    data-date-format="yyyy-mm-dd">
                                                    <input type="text" name="warranty_start_date" readonly class="form-control">
                                                    <span class="input-group-btn">
                                                        <button class="btn default date-set" type="button"><i
                                                                class="fa fa-calendar"></i></button>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">廠商代碼</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="devuuid" class="form-control readonly devuuid"
                                                        readonly placeholder="廠商代碼(三碼)">
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">設備條碼</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="barcode" class="form-control" readonly
                                                        placeholder="設備條碼">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">資產識別碼</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="entifier" class="form-control" readonly
                                                        placeholder="資產識別碼">
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">設備種類</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="typename" class="form-control" readonly
                                                        placeholder="設備種類">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">製造廠商</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="manufacturer" class="form-control" readonly
                                                        placeholder="製造廠商">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">產品型號</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="model" class="form-control" readonly
                                                        placeholder="產品型號">
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">保固廠商</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="warranty_guarantor_labor" class="form-control"
                                                        readonly placeholder="保固廠商">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">保固時程</label>
                                            <div class="col-md-3" style="padding-right: 0px;">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="warranty_duration_labor" class="form-control"
                                                        readonly placeholder="保固時程">
                                                </div>
                                            </div>
                                            <div class="col-md-1" style="padding-left: 0px;">
                                                <select name="warranty_duration_unit" class="form-control mySelect2" disabled>
                                                    <option value="年">年</option>
                                                    <option value="月">月</option>
                                                </select>
                                            </div>
                                            <label class="col-md-2 control-label">置換成本</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="replacement_cost" class="form-control" readonly
                                                        placeholder="置換成本">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">可用期限</label>
                                            <div class="col-md-3" style="padding-right: 0px;">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="expected_life" class="form-control" readonly
                                                        placeholder="可用期限">
                                                </div>
                                            </div>
                                            <div class="col-md-1" style="padding-left: 0px;">
                                                <select name="duration_unit" class="form-control mySelect2" disabled>
                                                    <option value="年">年</option>
                                                    <option value="月">月</option>
                                                </select>
                                            </div>
                                            <label class="col-md-2 control-label">產品別</label>
                                            <div class="col-md-4">
                                                <select name="cust_stand" class="form-control mySelect2" disabled>
                                                    @foreach($assetCategories as $category)
                                                        <option value="{{$category->id}}">{{$category->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">型號參照</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="model_reference" class="form-control" readonly
                                                        placeholder="型號參照">
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">設備形狀</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="shape" class="form-control" readonly
                                                        placeholder="設備形狀">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">設備大小</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="size" class="form-control" readonly
                                                        placeholder="設備大小">
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">設備顏色</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="color" class="form-control" readonly
                                                        placeholder="設備顏色">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">竣工點交日期</label>
                                            <div class="col-md-4">
                                                <div class="input-group date form_datetime date-picker"
                                                    data-date-format="yyyy-mm-dd">
                                                    <input type="text" name="finish" readonly class="form-control">
                                                    <span class="input-group-btn">
                                                        <button class="btn default date-set" type="button">
                                                            <i class="fa fa-calendar"></i>
                                                        </button>
                                                    </span>
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">設備等級</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="grade" class="form-control" readonly
                                                        placeholder="設備等級">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">設備材質</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="material" class="form-control" readonly
                                                        placeholder="設備材質">
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">系統別</label>
                                            <div class="col-md-4">
                                                <select name="system_type" class="form-control mySelect2" disabled>
                                                    <option value="不帶電">不帶電</option>
                                                    <option value="帶電">帶電</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2 control-label">設備合約名稱</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="dev_name2" class="form-control" readonly
                                                        placeholder="設備合約名稱">
                                                </div>
                                            </div>
                                            <label class="col-md-2 control-label">無障礙功能</label>
                                            <div class="col-md-4">
                                                <div class="input-icon">
                                                    <i class="fa fa-pencil"></i>
                                                    <input type="text" name="accessibility_performance" class="form-control"
                                                        readonly placeholder="無障礙功能">
                                                </div>
                                            </div>
                                        </div>
                                        @if(Sentinel::check()->username == 'admin')
                                            <div class="form-group">
                                                <label class="col-md-2 control-label">對應BA設備</label>
                                                <div class="col-md-4">
                                                    <select name="sensor_id" class="form-control mySelect2" disabled>
                                                        <option value="0">無對應設備</option>
                                                        @foreach($sensor as $one)
                                                            <option value="{{$one->id}}">{{$one->sensor_name}} - {{$one->tag}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endif
                                    @endif
                                </div>
                                <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('plugins_page_level')
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/global/plugins/moment.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/jquery-multi-select/js/jquery.multi-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/global/plugins/select2/js/select2.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-form/jquery.form.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/datatables/media/buttons/dataTables.buttons.min.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/global/plugins/datatables/media/buttons/buttons.print.min.js') }}"></script>
@endsection

@section('js_page_level')
    <script>
        $(document).ready(function () {
            $(".mySelect2").select2();
            $.ajax({
                type: 'GET',
                url: "{{ route('manage::asset::get_assets') }}",
                dataType: 'json',
                data: {
                    // 當前URL最後路徑的ID值
                    'id': window.location.pathname.split('/').pop()
                },
                success: function (sendback) {
                    console.log("成功回傳：",sendback);
                    $.each(sendback, function (key, value) {
                        var obj = $("#asset-data [name='" + key + "']");
                        if ($(obj).is('img')) {
                            $(obj).attr('src', value);
                        } else if ($(obj).hasClass('mySelect2')) {
                            $(obj).select2("val", value);
                        } else {
                            if (key == 'devuuid') {
                                $(obj).val(value);
                                $('.devuuid').val(value.substr(0, 3));
                            } else {
                                $(obj).val(value);
                            }
                        }
                        if (key == 'no' || key == 'custodian') {
                            if (value != '' && value != '0') {
                                $('#modal_edit_assets [name="' + key + '"]').prop('disabled', true);
                            } else {
                                $('#modal_edit_assets [name="' + key + '"]').prop('disabled', false);
                            }
                        }

                        if (key.endsWith('_name')) {
                            if (value !== '') {
                                $('#' + key).text(value);
                            } else {
                                $('#' + key).text('(無)');
                            }
                        }
                        
                        if (key.endsWith('_url')) {
                            if (value !== '') {
                                $('#' + key).attr('target', '_blank');
                            } else {
                                value = '#';
                                $('#' + key).removeAttr('target');
                            }
                            $('#' + key).attr('href', value);
                        }      
                    });

                    refreshDepreciationPrice('#asset-data');
                },
                error: function (sendback) {
                    console.log("錯誤回傳：", sendback);
                    toastr['error']('發生錯誤，請重新整理後再嘗試');
                }
            });
        });

        var refreshDepreciationPrice = function (form) {
            var price = 0;
            var purchaseDate = $('[name="purchase_date"]', form).val();
            var costs = $('[name="costs"]', form).val();
            var ageLimit = $('[name="age_limit"]', form).val();
            var today = new Date();
            var lastDate;

            try {
                purchaseDate = purchaseDate.split("-");

                lastDate = new Date(parseInt(purchaseDate[0]) + parseInt(ageLimit), purchaseDate[1] - 1, purchaseDate[2]);
                purchaseDate = new Date(purchaseDate[0], purchaseDate[1] - 1, purchaseDate[2]);

                if (today < lastDate) {
                    price = costs / ((lastDate - purchaseDate) / (24 * 60 * 60 * 1000));
                    price = (lastDate - today) / (24 * 60 * 60 * 1000) * price;
                }

                $('[name="depreciation_price"]', form).val(Math.ceil(price));

            } catch (e) {

            }
        }
    </script>
@endsection