@extends('adminlte::page')

@section('title', 'チーム 新規追加')

@section('content_header')
    <h5><label class="title-underbar">チーム 新規追加</label></h5>
@stop

@section('content')
<x-admin.error-flush-message />
<x-admin.validation-message />
<div class="row">
    <div class="col-md-12">
        <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
            @if ($user->team_id == \App\Models\AdminUser::TEAM_ID_ALL)
            <div class="card-body">
                <form method="POST" action="{{ route('admin.teams.store') }}" class="form-group mt-3" enctype="multipart/form-data">
                    @csrf

                    <div class="col-12 mb-5">
                        <div class="form-group row">
                            <label for="code" class="col-2 col-form-label medium-heading">コード</label>
                            <input type="text" id="code" name="code" class="col-10 col-md-6 form-control main-text" placeholder="コード" value="{{ old('code') }}" required />
                        </div>

                        <div class="form-group row">
                            <label for="name" class="col-2 col-form-label medium-heading">名称</label>
                            <input type="text" id="name" name="name" class="col-10 col-md-6 form-control main-text" placeholder="名称" value="{{ old('name') }}" required />
                        </div>

                        <div class="form-group row">
                            <label for="name_hiragana" class="col-2 col-form-label medium-heading">かな</label>
                            <input type="text" id="name_hiragana" name="name_hiragana" class="col-10 col-md-6 form-control main-text" placeholder="かな" value="{{ old('name_hiragana') }}" required />
                        </div>

                        <div class="form-group row">
                            <label for="competition_event_id" class="col-2 col-form-label medium-heading">競技種目</label>
                            <select id="competition_event_id" name="competition_event_id" class="col-10 col-md-6 form-control main-text" style="width:90%">
                                <option value="" @if (!old('competition_event_id')) selected @endif></option>
                                @foreach ($competitionEvents as $competitionEvent)
                                    <option value="{{$competitionEvent->id}}" @if ($competitionEvent->id == old('competition_event_id')) selected @endif>{{$competitionEvent->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group row">
                            <label for="url" class="col-2 col-form-label medium-heading">ホームページURL</label>
                            <input type="text" id="url" name="url" class="col-10 col-md-6 form-control main-text" placeholder="ホームページURL" value="{{ old('url') }}" />
                        </div>

                        <div class="form-group row">
                            <label for="additional_link_url" class="col-2 col-form-label medium-heading">追加リンクURL</label>
                            <input type="text" id="additional_link_url" name="additional_link_url" class="col-10 col-md-6 form-control main-text" placeholder="追加リンクURL" value="{{ old('additional_link_url') }}" />
                        </div>

                        <div class="form-group row mb-5">
                            <label for="additional_info" class="col-2 col-form-label medium-heading">チーム発信情報</label>
                            <textarea id="additional_info" name="additional_info" class="col-10 col-md-6 form-control main-text" placeholder="チーム発信情報" >{{ old('additional_info') }}</textarea>
                        </div>

                        <div class="form-group row">
                            <label for="certificate_text" class="col-2 col-form-label medium-heading">表彰状文言</label>
                            <textarea id="certificate_text" name="certificate_text" class="col-10 col-md-6 form-control main-text" placeholder="表彰状文言" >{{ old('certificate_text') }}</textarea>
                        </div>

                        <div class="form-group row">
                            <label for="leader" class="col-2 col-form-label medium-heading">PDFリーダー名</label>
                            <input type="text" id="leader" name="leader" class="col-10 col-md-6 form-control main-text" placeholder="PDFリーダー名" value="{{ old('leader') }}" />
                        </div>

                        <div class="form-group row mb-5">
                            <label for="leader_title" class="col-2 col-form-label medium-heading">PDFリーダー肩書</label>
                            <input type="text" id="leader_title" name="leader_title" class="col-10 col-md-6 form-control main-text" placeholder="PDFリーダー肩書" value="{{ old('leader_title') }}" />
                        </div>

                        <div class="form-group row">
                            <label for="logo_id" class="col-2 col-form-label medium-heading">チームロゴ</label>
                            <input type="file" id="logo_id" name="logo_id" class="col-10 col-md-6 form-control main-text" placeholder="チームロゴ" value="{{ old('logo_id') }}" />
                        </div>

                        <div class="form-group row">
                            <label for="background_image_id" class="col-2 col-form-label medium-heading">PDF背景イメージ</label>
                            <input type="file" id="background_image_id" name="background_image_id" class="col-10 col-md-6 form-control main-text" placeholder="PDF背景イメージ" value="{{ old('background_image_id') }}" />
                        </div>

                        <div class="form-group row">
                            <label for="registration_number_name" class="col-2 col-form-label medium-heading">登録番号名</label>
                            <input type="text" id="registration_number_name" name="registration_number_name" class="col-10 col-md-6 form-control main-text" placeholder="登録番号名" value="{{ old('registration_number_name') }}" />
                        </div>

                        <!--<div class="form-group row">
                            <label for="image_pict_id" class="col-2 col-form-label medium-heading">イメージ画像</label>
                            <input type="file" id="image_pict_id" name="image_pict_id" class="col-10 col-md-6 form-control main-text" placeholder="イメージ画像" value="{{ old('image_pict_id') }}" />
                        </div>-->
                        <div class="form-group row">
                            <label for="guest_download" class="col-2 col-form-label medium-heading">ゲストダウンロード</label>
                            <input type="checkbox" id="guest_download" name="guest_download" class="col-10 col-md-6 form-control" value="1" @if (old('guest_download') == 1) checked @endif  />
                        </div>

                        <div class="form-group row">
                            <label for="color_customize" class="col-2 col-form-label medium-heading">カラーカスタマイズ</label>
                            <table class="table">
                                <thead class="thead-light medium-heading">
                                    <tr class="text-center">
                                        @foreach (\App\Models\Team::COLOR_SETTINGS as $color)
                                            <th scope="col" style="width: 10%">{!! __("team.color.name." . $color) !!}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody class="main-text">
                                    <tr class="text-center">
                                        @foreach (\App\Models\Team::COLOR_SETTINGS as $color)
                                            <td class="text-center align-middle">
                                                <input type="color" name="{{ $color }}" value="{{ $errors->any() ? old($color) : '' }}">
                                            </td>
                                        @endforeach
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="row justify-content-center">
                        <div class="col-md-4 mb-3">
                            <a href="{{ route('admin.teams.index') }}" class="btn btn-block btn-secondary btn-lg rounded-pill">キャンセル</a>
                        </div>
                        <div class="col-md-4 mb-3">
                            <button type="submit" class="btn btn-block button-go btn-lg rounded-pill">保存する</button>
                        </div>
                    </div>
                </form>
            </div>
            @else
                <p>表示権限がありません</p>
            @endif
        </div>
    </div>
</div>
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
<style>
.items-collection{
    margin:20px 0 0 0;
}
.items-collection .items label.btn-default.active{
    background-color:#007ba7;
    color:#FFF;
}
.items-collection .items label.btn-default{
    width:90%;
    border:1px solid #305891;
    margin:5px; 
    border-radius: 17px;
    color: #305891;
}
.items-collection .items label.btn:not(.active) {
    background-color: #f8f9fa;
}
.items-collection label .itemcontent{
    width:100%;
}
.items-collection .btn-group{
    width:90%
}
</style>
@stop

@section('js')
<script>
</script>
@stop