@extends('layouts.master')
@section('link')
    <link href="{!! asset('css/basicsetting/team.css?20190315-1530') !!}" rel="stylesheet">
@stop
@include('layouts.header')

@section('content')
    <script type="text/javascript">
    $(function(){
        $(document).ready(function(){
            function checkDuplicates() {
                // get all input elements
                var $elems = $('.teamName');

                // we store the inputs value inside this array
                var values = [];
                // return this
                var isDuplicated = false;
                // loop through elements
                $elems.each(function () {
                    //If value is empty then move to the next iteration.
                    if(!this.value) return true;
                    //If the stored array has this value, break from the each method
                    if(values.indexOf(this.value) !== -1) {
                        isDuplicated = true;
                        return false;
                    }
                    // store the value
                    values.push(this.value);
                });
                return isDuplicated;
            }

            $('#updateBtn').on('click',  function(e){
                e.preventDefault();
                // Check duplicate user_id
                if(checkDuplicates()){
                    $('#editionMsg').html('<p class="alert alert-danger">{{ Message::get("E00020") }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                    window.scrollTo(0, 0);
                    return false;
                }else{
                    $('#editionMsg').html('');
                    $('#popup').modal('show');
                }
                $('#editionMsg').html('');
                $('#popup').modal('show');
            });

            $('#close').on('click',  function(e){
                e.preventDefault();
                $('#popup').modal('hide');
            });

            $('#confirm').on('click',  function(e){
                var fm = document.getElementById('teamFrm');
                fm.submit();
            });
        });
    });
    </script>
    <div class="container">
        <div class="col-xs-12 data-header">
            <h4><strong>チーム分類一覧</strong></h4>
        </div>
        <div id="content-body" class="row">
            <div class="flash-message" id="editionMsg">
                @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                    @if(Session::has('alert-' . $msg))
                        <p class="alert alert-{{ $msg }}">
                            {{ Session::get('alert-' . $msg) }} <a href="#" class="close"
                            data-dismiss="alert" aria-label="close">&times;</a>
                        </p>
                    @endif
                @endforeach
            </div>
            {!! Form::open(array('url'=>'/basic/team/', 'class'=>'form-inline', 'name'=>'teamFrm', 'id'=>'teamFrm')) !!}
            <div id="data-container" class="col-xs-12 row">
                <div id="data-record" class="col-xs-6 data-record  no-margin">
                @for ($i = 0; $i < 5; $i++)
                    @if (isset($teams[$i]))
                        <div class="medium-data-header date-header">
                            <label>チーム分類 {{ $i + 1 }}</label>
                            {!! Form::text('Teams['.$teams[$i]->id.']', isset($teams[$i]->name) ? $teams[$i]->name : '', ['id' => 'team'.$teams[$i]->id,'class' => 'form-control teamName ', 'maxlength' => '20']) !!}
                            {{-- Form::hidden('Versions['.$teams[$i]->id.']', isset($teams[$i]->version)? $teams[$i]->version : 0) --}}
                            <input type="hidden" name="Versions[{{$teams[$i]->id}}]" value="{{isset($teams[$i]->version)? $teams[$i]->version : 0}}">
                        </div>
                    @else
                        <div class="medium-data-header  date-header">
                            <label>チーム分類 {{ $i + 1 }}</label>
                            {!! Form::text('Teams['.  ($i + 1) .']', '', ['id' => 'team'.  ($i + 1) ,'class' => 'form-control teamName', 'maxlength' => '20']) !!}
                            <input type="hidden" name="Versions[{{($i + 1)}}]" value="0">
                        </div>
                    @endif
                @endfor
                </div>
                <div id="data-record" class="col-xs-6 data-record  no-margin">
                @for ($i = 5; $i < 10; $i++)
                    @if (isset($teams[$i]))
                        <div class="medium-data-header date-header">
                            <label>チーム分類 {{ $i + 1 }}</label>
                            {!! Form::text('Teams['.$teams[$i]->id.']', isset($teams[$i]->name) ? $teams[$i]->name : '', ['id' => 'team'.$teams[$i]->id,'class' => 'form-control teamName', 'maxlength' => '20']) !!}
                            {{-- Form::hidden('Versions['.$teams[$i]->id.']', isset($teams[$i]->version)? $teams[$i]->version : 0) --}}
                            <input type="hidden" name="Versions[{{$teams[$i]->id}}]" value="{{isset($teams[$i]->version)? $teams[$i]->version : 0}}">
                        </div>
                    @else
                        <div class="medium-data-header  date-header">
                            <label>チーム分類 {{ $i + 1 }}</label>
                            {!! Form::text('Teams['.  ($i + 1) .']', '', ['id' => 'team'.  ($i + 1) ,'class' => 'form-control teamName', 'maxlength' => '20']) !!}
                            <input type="hidden" name="Versions[{{($i + 1)}}]" value="0">
                        </div>
                    @endif
                @endfor
                </div>
                <div id="submit-holder" class="col-xs-12 text-right">
                    <a id="updateBtn" class="btn btn-primary" href="#"> 確 定</a>
                </div>
            </div>
            {!! Form::close() !!}
        </div>

        <div id="popup" class="modal fade" data-backdrop="static" data-keyboard="true" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-body mr-bot-15">
                        保存しますか？
                    </div>
                    <div class="modal-footer">
                        <a id="confirm" class="btn btn-primary w-90px" href="#" data-target="#replaceDiv" data-whatever="@mdo" >はい</a>
                        <a id="close" class="btn btn-default w-90px" href="#" data-target="#replaceDiv" data-whatever="@mdo" ><i class="fa fa-close"></i>いいえ</a>
                    </div>
                </div>
            </div>
        </div>

    </div><!-- /.bs-docs-main -->
@stop
@include('layouts.footer')