452 lines
28 KiB
Plaintext
452 lines
28 KiB
Plaintext
<div class="row mb-5">
|
||
<div class="card border mb-g w-100">
|
||
<!-- notice the additions of utility paddings and display properties on .card-header -->
|
||
<div class="card-header bg-fusion-50 pr-3 d-flex align-items-center flex-wrap justify-content-between">
|
||
<!-- we wrap header title inside a div tag with utility padding -->
|
||
<div class="card-title font-weight-bold">電站基本資料</div>
|
||
<div class="text-right">
|
||
<a href="javascript:;" class="btn btn-sm btn-success ml-auto waves-effect waves-themed" id="add-station-info-btn" onclick="SaveStationInfo()">
|
||
<span class="fal fa-plus mr-1"></span> 儲存
|
||
</a>
|
||
<a href="javascript:;" class="btn btn-sm btn-info ml-auto waves-effect waves-themed" id="edit-station-info-btn" onclick="ChangeMode('station_info', 'edit')">
|
||
<span class="fal fa-cog mr-1"></span> 修改
|
||
</a>
|
||
<a href="javascript:;" class="btn btn-sm btn-primary ml-auto waves-effect waves-themed" id="canecl-station-info-btn" onclick="ChangeMode('station_info', 'view')">
|
||
<span class="fal fa-cog mr-1"></span> 取消
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row mb-3 d-flex justify-content-between">
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="city_label">縣市</label>
|
||
<div class="col-xl-8">
|
||
<select class="form-control" id="select_city">
|
||
<option value="0" selected>全部</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="area_label">地區</label>
|
||
<div class="col-xl-8">
|
||
<select class="form-control" id="select_area">
|
||
<option value="0" selected>全部</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 row align-items-center">
|
||
<div class="col-12">
|
||
<label id="address_detail_text" class="color-info-600"></label>
|
||
<input type="text" id="address_detail" name="address_detail" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row mb-3 d-flex justify-content-between">
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="power_station_code_label" for="power_station_code">電站編號</label>
|
||
<div class="col-xl-8">
|
||
<label id="power_station_code_text" class="color-info-600"></label>
|
||
@*<input type="text" id="power_station_code" name="power_station_code" disabled="disabled" class="form-control">*@
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="power_station_name_label" for="power_station_name">電站名稱</label>
|
||
<div class="col-xl-8">
|
||
<label id="power_station_name_text" class="color-info-600"></label>
|
||
<input type="text" id="power_station_name" name="power_station_name" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label">是否為代管</label>
|
||
<div class="col-xl-8">
|
||
<p class="color-info-600">
|
||
<div class="custom-control custom-switch">
|
||
<input type="checkbox" class="custom-control-input" id="check_escrow" name="check_escrow" disabled="disabled">
|
||
<label class="custom-control-label" for="check_escrow" id="check_escrow_label">No</label>
|
||
</div>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="escrow_name_lable" for="escrow_name">被代管公司</label>
|
||
<div class="col-xl-8">
|
||
<label id="escrow_name_text" class="color-info-600"></label>
|
||
<input type="text" id="escrow_name" name="escrow_name" class="form-control" disabled="disabled">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row mb-3 d-flex justify-content-between">
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="electricity_meter_at_label" for="electricity_meter_at">台電掛錶日</label>
|
||
<div class="col-xl-8">
|
||
<label id="electricity_meter_at_text" class="color-info-600"></label>
|
||
<input type="date" id="electricity_meter_at" name="electricity_meter_at" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="power_rate_label" for="power_rate">授電費率</label>
|
||
<div class="col-xl-8">
|
||
<label id="power_rate_text" class="color-info-600"></label>
|
||
<input type="number" step="0.001" id="power_rate" name="power_rate" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="estimated_recovery_time_label" for="estimated_recovery_time">預計回收年限</label>
|
||
<div class="col-xl-8">
|
||
<label id="estimated_recovery_time_text" class="color-info-600"></label>
|
||
<input type="text" id="estimated_recovery_time" name="estimated_recovery_time" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="generating_capacity_label" for="generating_capacity">電廠發電容量(kW)</label>
|
||
<div class="col-xl-8">
|
||
<label id="generating_capacity_text" class="color-info-600"></label>
|
||
<input type="number" step="0.1" id="generating_capacity" name="generating_capacity" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row mb-5 d-flex justify-content-between ">
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="power_station_operation_personnel_label">運維人員</label>
|
||
<div class="col-xl-8">
|
||
<select class="js-example-basic-multiple form-control" id="power_station_operation_personnel" multiple="multiple">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" id="coordinate_label" for="coordinate">座標</label>
|
||
<div class="col-xl-8">
|
||
<label id="coordinate_text" class="color-info-600"></label>
|
||
<input type="text" id="coordinate" name="coordinate" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label">資料建立</label>
|
||
<div class="col-xl-8">
|
||
<label id="created_by_text" class="color-info-600"></label>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label">建立時間</label>
|
||
<div class="col-xl-8">
|
||
<label id="created_at_text" class="color-info-600"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xl-6">
|
||
<h5 class="border-bottom font-weight-bold mb-3 pl-5 pb-3">逆變器</h5>
|
||
<div class="row d-flex justify-content-between px-5">
|
||
<div class="col-xl-4 row">
|
||
<label class="col-xl-4 form-label" id="inverter_brand_label" for="inverter_brand">廠牌</label>
|
||
<div class="col-xl-8">
|
||
<label id="inverter_brand_text" class="color-info-600"></label>
|
||
<input type="text" id="inverter_brand" name="inverter_brand" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 row">
|
||
<label class="col-xl-4 form-label" id="inverter_product_model_label" for="inverter_product_model">型號</label>
|
||
<div class="col-xl-8">
|
||
<label id="inverter_product_model_text" class="color-info-600"></label>
|
||
<input type="text" id="inverter_product_model" name="inverter_product_model" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 row">
|
||
<label class="col-xl-4 form-label" id="inverter_amount_label" for="inverter_amount">數量</label>
|
||
<div class="col-xl-8">
|
||
<label id="inverter_amount_text" class="color-info-600"></label>
|
||
<input type="text" id="inverter_amount" name="inverter_amount" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<h5 class="border-bottom font-weight-bold mb-3 pl-5 pb-3">光電板</h5>
|
||
<div class="row d-flex justify-content-between px-5">
|
||
<div class="col-xl-4 mb-3 row">
|
||
<label class="col-xl-4 form-label" id="photovoltaic_panel_brand_label" for="photovoltaic_panel_brand">廠牌</label>
|
||
<div class="col-xl-8">
|
||
<label id="photovoltaic_panel_brand_text" class="color-info-600"></label>
|
||
<input type="text" id="photovoltaic_panel_brand" name="photovoltaic_panel_brand" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 mb-3 row">
|
||
<label class="col-xl-4 form-label" id="photovoltaic_panel_specification_label" for="photovoltaic_panel_specification">規格</label>
|
||
<div class="col-xl-8">
|
||
<label id="photovoltaic_panel_specification_text" class="color-info-600"></label>
|
||
<input type="text" id="photovoltaic_panel_specification" name="photovoltaic_panel_specification" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 mb-3 row">
|
||
<label class="col-xl-4 form-label" id="photovoltaic_panel_amount_label" for="photovoltaic_panel_amount">數量</label>
|
||
<div class="col-xl-8">
|
||
<label id="photovoltaic_panel_amount_text" class="color-info-600"></label>
|
||
<input type="text" id="photovoltaic_panel_amount" name="photovoltaic_panel_amount" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 mb-3 row">
|
||
<label class="col-xl-4 form-label" id="photovoltaic_panel_product_model_label" for="photovoltaic_panel_product_model">型號</label>
|
||
<div class="col-xl-8">
|
||
<label id="photovoltaic_panel_product_model_text" class="color-info-600"></label>
|
||
<input type="text" id="photovoltaic_panel_product_model" name="photovoltaic_panel_product_model" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row mb-5" id="BoEPart">
|
||
<div class="card border mb-g w-100">
|
||
<!-- notice the additions of utility paddings and display properties on .card-header -->
|
||
<div class="card-header bg-fusion-50 pr-3 d-flex align-items-center flex-wrap justify-content-between">
|
||
<!-- we wrap header title inside a div tag with utility padding -->
|
||
<div class="card-title font-weight-bold">經濟部能源局與台電資訊</div>
|
||
<div class="text-right">
|
||
<a href="javascript:;" class="btn btn-sm btn-success ml-auto waves-effect waves-themed" id="add-boe-tpc-btn" onclick="SaveBoETPCInfo()">
|
||
<span class="fal fa-plus mr-1"></span> 儲存
|
||
</a>
|
||
<a href="javascript:;" class="btn btn-sm btn-info ml-auto waves-effect waves-themed" id="edit-boe-tpc-btn" onclick="ChangeMode('BOE_TPC', 'edit')">
|
||
<span class="fal fa-cog mr-1"></span> 修改
|
||
</a>
|
||
<a href="javascript:;" class="btn btn-sm btn-primary ml-auto waves-effect waves-themed" id="canecl-boe-tpc-btn" onclick="ChangeMode('BOE_TPC', 'view')">
|
||
<span class="fal fa-cog mr-1"></span> 取消
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-xl-6">
|
||
<h5 class="border-bottom font-weight-bold mb-3 pl-5 pb-3">經濟部能源局</h5>
|
||
<div class="row d-flex justify-content-between px-5">
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label">能源局同意檔案</label>
|
||
<div class="col-xl-8">
|
||
<a id="link-boe-file" class="color-info-600" href="link/to/your/download/file" download>Download link</a>
|
||
<input type="file" id="BoE_file" name="BoE_file" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label">折扣率</label>
|
||
<div class="col-xl-8">
|
||
<label id="BoE_discount_rate_text" class="color-info-600"></label>
|
||
<input type="number" step="1" id="BoE_discount_rate" name="BoE_discount_rate" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" for="BoE_device_register_number">能源局設備登記編號</label>
|
||
<div class="col-xl-8">
|
||
<label id="BoE_device_register_number_text" class="color-info-600"></label>
|
||
<input type="text" id="BoE_device_register_number" name="BoE_device_register_number" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label">租金比例(%)</label>
|
||
<div class="col-xl-8">
|
||
<label id="BoE_rent_ratio_text" class="color-info-600"></label>
|
||
<input type="number" step="1" id="BoE_rent_ratio" name="BoE_rent_ratio" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<h5 class="border-bottom font-weight-bold mb-3 pl-5 pb-3">台電資訊</h5>
|
||
<div class="row d-flex justify-content-between px-5">
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" for="TPC_contract_number">契約編號</label>
|
||
<div class="col-xl-8">
|
||
<label id="TPC_contract_number_text" class="color-info-600"></label>
|
||
<input type="text" id="TPC_contract_number" name="TPC_contract_number" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" for="TPC_contract_at">簽約日期</label>
|
||
<div class="col-xl-8">
|
||
<label id="TPC_contract_at_text" class="color-info-600"></label>
|
||
<input type="date" id="TPC_contract_at" name="TPC_contract_at" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" for="TPC_sell_deadline">售電期限(年)</label>
|
||
<div class="col-xl-8">
|
||
<label id="TPC_sell_deadline_text" class="color-info-600"></label>
|
||
<input type="number" step="1" id="TPC_sell_deadline" name="TPC_sell_deadline" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" for="TPC_meter_reading">每期抄錶日</label>
|
||
<div class="col-xl-8">
|
||
<label id="TPC_meter_reading_text" class="color-info-600"></label>
|
||
<input type="number" step="1" id="TPC_meter_reading" name="TPC_meter_reading" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" for="TPC_purchase_electricity_at">正式購電日</label>
|
||
<div class="col-xl-8">
|
||
<label id="TPC_purchase_electricity_at_text" class="color-info-600"></label>
|
||
<input type="date" id="TPC_purchase_electricity_at" name="TPC_purchase_electricity_at" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
||
<label class="col-xl-4 form-label" for="TPC_sell_electricity_at">正式售電日</label>
|
||
<div class="col-xl-8">
|
||
<label id="TPC_sell_electricity_at_text" class="color-info-600"></label>
|
||
<input type="date" id="TPC_sell_electricity_at" name="TPC_sell_electricity_at" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row d-flex justify-content-end px-5">
|
||
<div class="col-xl-6 mb-3 row justify-content-end align-items-center">
|
||
<label class="col-xl-12 text-right">資料建立 <span id="BOE_TPC_created_by_text" class="ml-3 color-info-600"></span></label>
|
||
</div>
|
||
</div>
|
||
<div class="row d-flex justify-content-end px-5">
|
||
<div class="col-xl-6 mb-3 row justify-content-end align-items-center">
|
||
<label class="col-xl-12 text-right">建立時間 <span id="BOE_TPC_created_at_text" class="ml-3 color-info-600"></span></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="row mb-5" id="land_buildingPart">
|
||
<!--<div class="card border mb-g w-100">-->
|
||
<!-- notice the additions of utility paddings and display properties on .card-header -->
|
||
<!--<div class="card-header bg-fusion-50 pr-3 d-flex align-items-center flex-wrap justify-content-between">-->
|
||
<!-- we wrap header title inside a div tag with utility padding -->
|
||
<!--<div class="card-title font-weight-bold">土地房屋資料</div>
|
||
<div class="text-right">
|
||
<a href="javascript:;" class="btn btn-sm btn-success ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-plus mr-1"></span> 新增
|
||
</a>
|
||
<a href="javascript:;" class="btn btn-sm btn-info ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-cog mr-1"></span> 修改
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row d-flex justify-content-between card-land-building" data-id="xxx">
|
||
<div class="col-xl">
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="land_building_address">地址</label>
|
||
<div class="col-xl-8">
|
||
<p id="land_building_address_text" class="color-info-600">台北市內湖區中山路一段1001號</p>
|
||
<input type="text" id="land_building_address" name="land_building_address" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="land_building_coordinate">經緯度</label>
|
||
<div class="col-xl-8">
|
||
<p id="land_building_coordinate_text" class="color-info-600">台北市內湖區中山路一段1001號</p>
|
||
<input type="text" id="land_building_coordinate" name="land_building_coordinate" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl">
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="lease_notarization_at">租約公證日期</label>
|
||
<div class="col-xl-8">
|
||
<p id="lease_notarization_at_text" class="color-info-600">2021-12-01</p>
|
||
<input type="text" id="lease_notarization_at" name="lease_notarization_at" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="land_building_lease_Rate">租金比例 (%)</label>
|
||
<div class="col-xl-8">
|
||
<p id="land_building_coordinate_text" class="color-info-600">台北市內湖區中山路一段1001號</p>
|
||
<input type="text" id="land_building_lease_Rate" name="land_building_coordinate" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl">
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="land_building_lease_Rate">地主姓名</label>
|
||
<div class="col-xl-8">
|
||
<p id="land_building_coordinate_text" class="color-info-600">鋼鐵人</p>
|
||
<input type="text" id="land_building_landowner" name="land_building_coordinate" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="land_building_lease_Rate">電話</label>
|
||
<div class="col-xl-8">
|
||
<p id="land_building_coordinate_text" class="color-info-600">0828-123456</p>
|
||
<input type="text" id="land_building_lease_Rate" name="land_building_coordinate" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl">
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="land_building_lease_Rate">房屋用途</label>
|
||
<div class="col-xl-8">
|
||
<p id="land_building_coordinate_text" class="color-info-600">0828-123456</p>
|
||
<input type="text" id="land_building_lease_Rate" name="land_building_coordinate" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl">
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="land_building_lease_Rate">資料建立</label>
|
||
<div class="col-xl-8">
|
||
<p id="land_building_coordinate_text" class="color-info-600">蜘蛛人</p>
|
||
<input type="text" id="land_building_lease_Rate" name="land_building_coordinate" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<label class="col-xl-4 form-label" for="land_building_lease_Rate">建立時間</label>
|
||
<div class="col-xl-8">
|
||
<p id="land_building_coordinate_text" class="color-info-600">2018-10-01 12:00</p>
|
||
<input type="text" id="land_building_lease_Rate" name="land_building_coordinate" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="card-body">
|
||
<div class="row d-flex justify-content-between">
|
||
<div class="col-xl">
|
||
<p>地址 <span class="color-info-600">台北市內湖區中山路一段1001號</span></p>
|
||
<p>經緯度 <span class="color-info-600">25.0726625,121.5725953</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>租約公證日期 <span class="color-info-600">新竹巨城站</span></p>
|
||
<p>租金比例 (%) <span class="color-info-600">10</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>地主姓名 <span class="color-info-600">鋼鐵人</span></p>
|
||
<p>電話 <span class="color-info-600">0828-123456</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>房屋用途 <span class="color-info-600">工廠</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>資料建立 <span class="color-info-600">蜘蛛人</span></p>
|
||
<p>建立時間 <span class="color-info-600">2018-10-01 12:00</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-12 text-right">
|
||
<a href="javascript:;" class="btn btn-sm btn-success ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-plus mr-1"></span> 新增
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>-->
|
||
|
||
|
||
</div>
|