@php
$type = [
    ['code' => 1, 'name' => 'チェックボックス'],
    ['code' => 2, 'name' => 'セレクトボックス'],
    ['code' => 3, 'name' => '入力エリア'],
];
@endphp
@extends('admin.layouts.base')

@section('contents')

<div class="mt15">
    @include('admin.objects.components.regist-band', ['title' => '社員情報プロフィール項目'])
    <div class="user_list">
        <div class="mt10">
            <p class="text-right">ex)趣味・特技、好きなこと、子供の時の夢、仕事のやりがい、将来の夢、お客様へのメッセージ</p>
        </div>
        @if (session('message_modal'))
            <input type="hidden" name="" id="message" value="{{ session('message_modal') }}">
            @include('admin.objects.projects.modal-message', ['ok' => "OK"])
            <script type="text/javascript">
                window.onload = function(){
                    var message = $("#message").val();
                    $('#saved_message').text(message);
                    openMessageModal();
                    $(".btn-close-modal").click(function () {
                        $("#modal-overlay").remove();
                        $("#modal-message-content").remove();
                    });
                };
            </script>
        @endif
        <form method="POST" action="{{ route('custom-item') }}">
        {{ csrf_field() }}
            <div>
                <table>
                    <tr>
                        <th class="w50">順番</th>
                        <th class="">プロフィール項目</th>
                    </tr>
                    @for($i = 1; $i <= Config::get('const.ITEM_NUM'); $i++)
                    <tr>
                        <td>{{ sprintf("%02d", $i)}}</td>
                        <td>@include('admin.objects.components.input', ['name' => 'custom'.$i, 'class' => 'w500', 'value' => isset(${'item'.$i})?${'item'.$i}:''])</td>
                    </tr>
                    @endfor
                </table>
            </div>
            <div class="search_vendor__btn">
                @include('admin.objects.components.regist-btn', ['class' => '', 'title' => '登録・保存'])
            </div>
        </form>

    </div>
</div>
@endsection