@extends('backend.layouts.app')

@section('title')
レンタル契約登録
@endsection

@section('content')
<div id="wrapper">
	<div id="r-content">
		<h2 class="title">レンタル契約【登録】</h2>
		@include('backend.layouts.flash-message')
		<ul class="tab two">
			<li class="select" id="loan_info">貸出時情報</li>
			<li id="return_info">返却時情報</li>
		</ul>
		{{ Form::open(["route"=>"backend.rental.contract.store", "method"=>"post", 'id'=>'testest']) }}
		<ul class="content">
			<li class="loan_info">
				@include('backend.rental.contract._loan_info')
			</li>
			<li class="return_info hide">
				@include('backend.rental.contract._return_info')
			</li>
		</ul>
		<div class="center-submit triple">
			<input type="submit" value="登録" name="submit_register">
		</div>
		{{ Form::close() }}
	</div>
</div>
@endsection

@section('modals')
<div id="detail1" class="modal-content">
	<div class="MDL_window_wrap">
		<canvas id="canvas_input" width="700" height="300"></canvas>
		<div class="center-submit t_center">
			<button type="button" onclick="clearCanvas()">リセット</button>
			<button type="button" onclick="chgImg()" value="1">画像出力</button>
		</div>
	</div>
	<p class="closemodal"><a class="modal-close">×</a></p>
	@include('backend.rental.contract.canvas.input')
</div>
<div id="detail2" class="modal-content">
	<p class="closemodal"><a class="modal-close">×</a></p>
	<div style="background-color:white; padding:30px; margin:100px 50px;">
		@include('backend.rental.contract._icon_list_table', ['is_red' => false])
	</div>
	<input type="hidden" id="selected_img">
</div>
@endsection

@section('page_css')
<style>
	img.ui-datepicker-trigger {
		display: none !important;
	}

	table.normal th{
		width: 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>

@endsection