@extends('backend.layouts.app')

@section('content')

	@include('backend.layouts.flash-message')
	<h2 class="title">問い合わせ一覧</h2>
	<div class="subtitleandbtns mt0">
		<p class="add_fieldbtn ma0 non-icon f-right"><a href="{{ route("backend.{$department}.question.create") }}" target="_blank">登録</a></p>
	</div>
	{{ $params->links('vendor.pagination.admin-pagination') }}
	<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>
			@if ($params->count() > 0)
				@foreach ($params as $param)
				<tr>
					<td>
						<a href="{{ route("backend.{$department}.question.edit", ['id'=>$param->id]) }}">詳細</a>
						<a class="delete_submit" cidx={{ $param->id }}>削除</a>
						<form id="{{ 'frm_delete_'.$param->id }}" action="{{ route("backend.{$department}.question.destroy", ['id'=>$param->id]) }}" method="POST" style="display: none;">
							@csrf
							@method('delete')
						</form>
					</td>
					<td>{{ $param->question_no }}</td>
					<td>{{ isset($param->register_date) ? Carbon::parse($param->register_date)->format('Y.m.d h:i') : "" }}</td>
					<td>{{ $param->charger->name_kanji }}</td>
					<td>{{ $param->company }}</td>
					<td>{{ $param->name }}</td>
					<td>{{ $param->tel }}</td>
					<td>
						@php
						echo nl2br($param->reception_etc);
						@endphp
					</td>
				</tr>
				@endforeach
			@else
				<tr>
					<td colspan="8">データが存在しません。</td>
				</tr>
			@endif
		</tbody>
	</table>
	{{ $params->links('vendor.pagination.admin-pagination') }}

	<div id="dialog-confirm" title="test" style="display:none">
        <p>
            <span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>
            <span id="confirm_text">These items will be permanently deleted and cannot be recovered. Are you sure?</span>
        </p>
    </div>
		
@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/timepicker/css/timepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/timepicker/css/jquery.timepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/jquery-ui.min.js') }}"></script>
    <script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
    <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/helper.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/timepicker.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/jquery-timepicker.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/jquery.timepicker.js') }}"></script>
    <script src="{{ asset('vendor/datetimepicker/jquery.datetimepicker.js') }}"></script>
	<script src="{{ asset('assets/backend/js/page/question.js') }}"></script>
	<script>
		$(document).ready(function(){
			$(".delete_submit").click(function() {
				var id = $(this).attr('cidx');
				helper_confirm("dialog-confirm", "削除", '問い合わせを削除します。', 300, "確認", "閉じる", function(){
                    var frm_id = "#frm_delete_" + id;
                    $(frm_id).submit();
                });
			});
		})
	</script>
@endsection