@extends('layouts.master')

@section('title', 'Project Doc Certificate Filelist')

@section('content')
<div class="container-fluid" id="App" style="margin-bottom: 5.5rem">
    <form method="POST" action="{{ route('view.doc_certificate_filelist.update', ['file_id' => $fileId]) }}?iframe_mode={{ request()->iframe_mode }}">
        @csrf
        <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
            <div class="my-auto">
                <h4 class="mb-0">{{ trans('label.project_doc_certificate_filelist') }}</h4>
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="javascript:void(0);">{{ trans('common.homepage') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ trans('label.project_doc_certificate_filelist') }}
                        </li>
                    </ol>
                </nav>
            </div>
            <div class="text-end">
                @if ($type == 'detail')
                    <a href="{{ route('view.doc_certificate_filelist.index', ['file_id' => $fileId]) }}?iframe_mode={{ request()->iframe_mode }}" class="btn btn-danger ">{{ trans('label.cancel') }}</a>
                    <!-- <a href="{{ route('view.doc_certificate_filelist.export', ['file_id' => $fileId, 'type' => 'xlsx']) }}" class="btn btn-success">{{ trans('project.export_excel') }}</a>
                        <a href="{{ route('view.doc_certificate_filelist.export', ['file_id' => $fileId, 'type' => 'pdf']) }}" class="btn btn-info">{{ trans('project.export_pdf') }}</a> -->
                @else
                    <button type="submit" class="btn btn-primary ">{{ trans('label.submit') }}</button>
                @endif
            </div>
        </div>
        <div class="card card-table shadow-none">
            <div class="row">
                <div class="col-md-12">
                    申請者名称又は氏名若しくは実習実施者届出番号 : <input {{ $type == 'detail' ? 'disabled' : '' }} value="{{ $record->customer_name ?? '' }}" name="customer_name" class="form-control" type="text" />
                </div>
                <div class="col-md-12">
                    申請する技能実習の区分 : <input {{ $type == 'detail' ? 'disabled' : '' }} value="{{ $record->type ?? '' }}" name="type" class="form-control" type="text" />
                </div>
                <div class="col-md-12">
                    技能実習生の氏名 : <input {{ $type == 'detail' ? 'disabled' : '' }} value="{{ $record->trainee_name ?? '' }}" name="trainee_name" class="form-control" type="text" /> 
                </div>
                <div class="col-md-12">
                    監理団体の名称 : <input {{ $type == 'detail' ? 'disabled' : '' }} value="{{ $record->company_name ?? '' }}" name="company_name" class="form-control" type="text" /> 
                </div>
                <div class="col-md-12">
                    受検手続支援申請の有無 : <input {{ $type == 'detail' ? 'disabled' : '' }} value="{{ $record->support_test_type ?? '' }}" name="support_test_type" class="form-control" type="text" /> 
                </div>
                <div class="col-md-12">
                    受検手続支援申請の有無及び有の場合、申請年月日 : <input {{ $type == 'detail' ? 'disabled' : '' }} value="{{ $record->support_test_date ?? '' }}" name="support_test_date" class="form-control" type="date" /> 
                </div>
                <div class="col-md-12">
                    number_1 : <input {{ $type == 'detail' ? 'disabled' : '' }} value="{{ $record->number_1 ?? '' }}" name="number_1" class="form-control" type="text" /> 
                </div>
            </div>
        </div>
    </form>
    

    {{-- <div class="card card-table shadow-none">
        <table role="grid" class="gridjs-table" style="height: auto;">
            <thead class="gridjs-thead">
                <tr class="gridjs-tr">
                    <th rowspan="2" class="gridjs-th">
                        <div class="gridjs-th-content">番号</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                    <th rowspan="2" class="gridjs-th">
                        <div class="gridjs-th-content">必要な書類</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                    <th colspan="2" rowspan="2" class="gridjs-th">
                        <div class="gridjs-th-content">書式</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                    <th colspan="2" class="gridjs-th">
                        <div class="gridjs-th-content">技能実省の区分
                            （提出の要苔</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                    <th rowspan="2" class="gridjs-th">
                        <div class="gridjs-th-content">留意事項</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                    <th colspan="3" class="gridjs-th">
                        <div class="gridjs-th-content">申請者確認欄</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                </tr>
                <tr class="gridjs-tr">
                    <th class="gridjs-th">
                        <div class="gridjs-th-content">1号</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                    <th class="gridjs-th">
                        <div class="gridjs-th-content">2号
                            3号</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                    <th colspan="2" class="gridjs-th">
                        <div class="gridjs-th-content">〇をつける</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                    <th class="gridjs-th">
                        <div class="gridjs-th-content">*</div>
                        <div class="gridjs-th gridjs-resizable"></div>
                    </th>
                </tr>
            </thead>
            <tbody class="gridjs-tbody">
                <tr class="gridjs-tr">
                    <td class="gridjs-td">1</td>
                    <td class="gridjs-td">申請する技能実習計画の対象となる技能
                        実習生の名簿</td>
                    <td colspan="2" class="gridjs-td">（機構HPに掲載）</td>
                    <td class="gridjs-td"><input type="checkbox" class="form-check" checked /></td>
                    <td class="gridjs-td"><input type="checkbox" class="form-check" checked /></td>
                    <td class="gridjs-td">複数人の技能実営計画を同時に申請する場合に提出してください。</td>
                    <td class="gridjs-td">有</td>
                    <td class="gridjs-td">無</td>
                    <td class="gridjs-td">X</td>
                </tr>
                <tr class="gridjs-tr">
                    <td class="gridjs-td">2</td>
                    <td class="gridjs-td">技能実習計画認定申請に係る提出書類一
                        覧・確認表（本表）</td>
                    <td colspan="2" class="gridjs-td">（機構HPに掲載）</td>
                    <td class="gridjs-td"><input type="checkbox" class="form-check" checked /></td>
                    <td class="gridjs-td"><input type="checkbox" class="form-check" checked /></td>
                    <td class="gridjs-td">申請前に本表にて提出書類をご確認の上、申請書類とともに提出してください。</td>
                    <td class="gridjs-td">有</td>
                    <td class="gridjs-td">無</td>
                    <td class="gridjs-td">X</td>
                </tr>
                <tr class="gridjs-tr">
                    <td class="gridjs-td">3</td>
                    <td class="gridjs-td">技能実習計画恩定申請書</td>
                    <td class="gridjs-td">（機構HPに掲載）</td>
                    <td class="gridjs-td">省令様式
                        第1号</td>
                    <td class="gridjs-td"><input type="checkbox" class="form-check" checked /></td>
                    <td class="gridjs-td"><input type="checkbox" class="form-check" checked /></td>
                    <td class="gridjs-td">申請前に本表にて提出書類をご確認の上、申請書類とともに提出してください。</td>
                    <td class="gridjs-td">有</td>
                    <td class="gridjs-td">無</td>
                    <td class="gridjs-td">X</td>
                </tr>
                
            </tbody>
        </table>
    </div> --}}
</div>
@endsection

@section('script-footer')
<script src="{{ asset('assets/js/prism-custom.js') }}"></script>

<script src="{{ asset('assets/js/custom-switcher.min.js') }}"></script>
<!-- Custom JS -->
<script src="{{ asset('assets/js/custom.js') }}"></script>
<script type="text/javascript">
    var CSRF_TOKEN = jQuery('meta[name="csrf-token"]').attr('content');
    var S_HYPEN = "-";
     var options = {
            maxNotifications: 5,
            durations: {
                alert: 9000,
                warning: 9000,
                success: 9000,
            },
            labels: {
                alert: '',
                warning: '',
                success: '',
            },
            icons: {
                enabled: false
            },
        }
    var notifier = new AWN(options);
</script>
@if (session('success'))
<script>
    notifier.success(`{{ session('success') }}`);
</script>
@endif
@if (session('error'))
<script>
    notifier.alert(`{{ session('error') }}`);
</script>
@endif
<script type="text/javascript">
	$(document).ready(function() {
		$('#project_id').select2({
			dropdownParent: $("#exampleModal"),
		});
	});
</script>
@endsection