@extends('backend.layouts.app')

@section('title')
満期処理
@endsection

@section('rightside_top')
{{ Form::open(["route"=>"backend.{$department}.contract.expiration","method"=>"post"]) }}
@endsection

@section('content')

    <h2 class="title">満期処理</h2>

	@include('backend.layouts.flash-message')
    <table class="normal type3">
        <thead>
            <tr>
                <th>対象</th>
                <th>リース会社</th>
                <th>目的</th>
                <th>契約番号</th>
                <th>取引先名</th>
                <th>サイズ</th>
                <th>代表物件名</th>
                <th>満了日</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($contracts as $contract)
            <tr>
                <td class="w30">
                    <div class="checkbox-wrap contract_id_check">
                        <input type="checkbox" name="contract_ids[{{ $contract->id }}]" id="contract_id_{{ $contract->id }}" value="{{ $contract->id }}" {{ old('contract_ids.'.$contract->id) ? 'checked' : '' }}>
                        <label for="contract_id_{{ $contract->id }}"></label>
                    </div>
                </td>
                <td>{{ $contract['lease_company'] }}</td>
                <td>{{ $contract['lease_case'] }}</td>
                <td>{{ $contract['vehicle_no'] }}</td>
                <td>{{ $contract['partner_no'] }}</td>
                <td>{{ config('const.vehicle_size.'.$contract->vehicle_size)}}</td>
                <td>{{ $contract->item_name }}</td>
                <td>{{ $contract['expiration_date'] }}</td>
            </tr>
            @endforeach
        </tbody>
	</table>
	{{ $contracts->links('vendor.pagination.admin-pagination') }} 
    <div class="center-submit center">
        <button type="button" name="button" id="modal_btn" class="modal_btn" data-target="detail1">満了処理</button>
	</div>


@endsection

@section('modals')
<div id="detail1" class="modal-content">
	<div class="MDL_window_wrap">
			<table class="normal half_table single_line">
				<tr>
					<th>返却日</th>
					<td>
						<div class="calendar-wrap2">
							<label for="">
								<input type="text" name="return_date" class="datepicker" id="return_date" value="{{ old('return_date') }}" readonly>
							</label>
							<span><img src="{{ asset('assets/backend/img/rental/calender.png') }}" alt=""></span>
							<input name="is_checked_return_date" type="checkbox" id="kakutei" value="1" {{ old('is_checked_return_date') ? 'checked' : '' }}>
							<label for="kakutei" class="check_label kakutei">確定</label>
						</div>
						@error('return_date')
							<span class="error_text">
								<strong>{{ $message }}</strong>
							</span>
						@enderror
						@error('is_checked_return_date')
							<span class="error_text">
								<strong>{{ $message }}</strong>
							</span>
						@enderror
					</td>

					<th>陸送会社</th>
					<td>
						<div class="select-wrap">
							<label>
								<select name="transportation_company">
                                    @foreach (config('const.lease_transportation_company') as $key => $value)
                                    <option value="{{ $key }}" {{ old('lease_transportation_company')==$key ? 'selected' : '' }}>{{ $value }}</option>
                                    @endforeach
								</select>
							</label>
						</div>
						@error('transportation_company')
							<span class="error_text">
								<strong>{{ $message }}</strong>
							</span>
						@enderror
					</td>

					<th>返却時km</th>
					<td>
						<input type="text" name="returned_mileage" placeholder="数値入力" value="{{ old('returned_mileage') }}" class="input-text input-comma" >
						@error('returned_mileage')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
					</td>

					<th>傷等</th>
					<td>
						<input type="text" name="damages" value="{{ old('damages') }}" class="input-text">
						@error('damages')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
					</td>

					<th>超過料金</th>
					<td>
						<input type="text" name="excess_cost" value="{{ old('excess_cost') }}" placeholder="数値入力" class="input-text input-comma w50per">
						<input name="is_checked_excess_cost" type="checkbox" id="kaishuu01" value="1" {{ old('is_checked_excess_cost') ? 'checked' : '' }}>
						<label for="kaishuu01" class="check_label kakutei">回収完了</label>
						@error('excess_cost')
							<span class="error_text">
								<strong>{{ $message }}</strong>
							</span>
						@enderror
						@error('is_checked_excess_cost')
							<span class="error_text">
								<strong>{{ $message }}</strong>
							</span>
						@enderror
					</td>

					<th>修理代金</th>
					<td>
						税別：<input type="text" name="end_repair_cost" id="end_repair_cost" value="{{ old('end_repair_cost') }}" class="input-text input-comma w35per">
						税込：<input type="text" name="end_repair_cost_total" id="end_repair_cost_total" value="{{ old('end_repair_cost_total') }}" class="input-text input-comma w35per" readonly>
						<input name="is_checked_repair_cost" type="checkbox" id="kaishuu02" value="1" {{ old('is_checked_repair_cost') ? 'checked' : '' }}>
						<label for="kaishuu02" class="check_label kakutei">回収完了</label>
						@error('end_repair_cost')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
						@error('is_checked_repair_cost')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
					</td>

					<th>残価（売却金額）</th>
					<td>
						税別：<input type="text" name="residual_value" id="residual_value" value="{{ old('residual_value') }}" class="input-text input-comma w35per">
						税込：<input type="text" name="residual_value_total" id="residual_value_total" value="{{ old('residual_value_total') }}" class="input-text input-comma w35per" readonly>
						@error('residual_value')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
					</td>

					<th>所有者</th>
					<td>
						<div class="checkbtn-wrap">
							<input name="owner_transfer" type="checkbox" id="owner_transfer" value="1" {{ old('owner_transfer') ? 'checked' : '' }}>
							<label for="owner_transfer" class="check_label">譲渡証</label>
							<input name="owner_seal_certification" type="checkbox" id="owner_seal_certification" value="1" {{ old('owner_seal_certification') ? 'checked' : '' }}>
							<label for="owner_seal_certification" class="check_label">印鑑証明</label>
							<input name="owner_commission" type="checkbox" id="owner_commission" value="1" {{ old('owner_commission') ? 'checked' : '' }}>
							<label for="owner_commission" class="check_label">委任状</label>
						</div>
						@error('owner_transfer')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
						@error('owner_seal_certification')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
						@error('owner_commission')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
					</td>

					<th>使用者</th>
					<td>
						<div class="checkbtn-wrap">
							<input name="user_contact_form" type="checkbox" id="user_contact_form" value="1" {{ old('user_contact_form') ? 'checked' : '' }}>
							<label for="user_contact_form" class="check_label">連絡書（車庫証明・印鑑証明）</label>
						</div>
						@error('user_contact_form')
						<span class="error_text">
							<strong>{{ $message }}</strong>
						</span>
						@enderror
					</td>
				</tr>
			</table>

			<div class="center-submit t_center">
				<input type="submit" value="登録">
			</div>
	</div>
	<p class="closemodal"><a class="modal-close">×</a></p>
</div>
{{ Form::close() }}

@endsection

@section('page_css')
    <link href="{{ asset('vendor/jquery-ui/jquery-ui.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
    <style>

        .fukidashi{
            display: none;
        }

        .modal-wrap{
            overflow: auto;
        }
        </style>
@endsection


@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>

	<script src="{{ asset('vendor/ajaxupload/jquery.ajaxupload.js') }}"></script>
	<script src="{{ asset('assets/backend/js/page/vehicle.js') }}"></script>
	<script>

		$(function(){
			@if($errors->any())
				$('#modal_btn').click();
			@endif
			$('#residual_value').change(function(){
				const residual_value = Number(removeCommaValue($('#residual_value').val()));

				if(!isNaN(residual_value)){
					const residual_value_total = residual_value + residual_value * {{ config('const.tax_ratio') }};
					$('#residual_value_total').val(addCommaValue(Math.round(residual_value_total)));
				}
   			});
			$('#end_repair_cost').change(function(){
				const end_repair_cost = Number(removeCommaValue($('#end_repair_cost').val()));

				if(!isNaN(end_repair_cost)){
					const end_repair_cost_total = end_repair_cost + end_repair_cost * {{ config('const.tax_ratio') }};
					$('#end_repair_cost_total').val(addCommaValue(Math.round(end_repair_cost_total)));
				}
   			});
		});
	</script>
@endsection