@extends('layout.layout')

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => route('user.event.show', $event->id)])
<div class="row justify-content-center">
  <div class="col-12 col-lg-10">
    <div class="shadow-sm p-3 bg-white rounded-lg pt-4">
      <form method="POST">
        {{csrf_field()}}
        @if(Request::is('admin/event/*/register'))
        {{-- 帳號 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>帳號</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="uid" class="form-control" value="{{old('uid')}}" required="required" placeholder="帳號">
            @if($errors->has('uid'))
              @foreach ($errors->get('uid') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 姓名 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>姓名</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="name" class="form-control" value="{{old('name')}}" required="required" placeholder="姓名">
            @if($errors->has('name'))
              @foreach ($errors->get('name') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 行動電話 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>行動電話</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="phone" class="form-control" value="{{old('phone')}}" required="required" placeholder="行動電話">
            @if($errors->has('phone'))
              @foreach ($errors->get('phone') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>

        {{-- 信箱 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>信箱</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="email" class="form-control" value="{{old('email')}}" required="required" placeholder="信箱">
            @if($errors->has('email'))
              @foreach ($errors->get('email') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>
        @elseif(Request::is('user/event/*/register'))
        {{-- 姓名 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><b>姓名</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="name" class="form-control" value="{{\Auth::user()->name}}" readonly placeholder="姓名">
          </div>
        </div>

        {{-- 行動電話 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><b>行動電話</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="phone" class="form-control" value="{{\Auth::user()->phone}}" readonly placeholder="行動電話">
          </div>
        </div>

        {{-- 信箱 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><b>信箱</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="email" class="form-control" value="{{\Auth::user()->email}}" readonly placeholder="信箱">
          </div>
        </div>
        @endif

        @if ($event->is_meal)
        {{-- 餐食 --}}
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>餐食</b></span>
          </label>
          <div class="input-group col-12 col-sm-9 d-flex align-items-center">
            @foreach(config('event.participant_meal') as $key => $string)
              <div class="custom-control custom-radio mb-2">
                <label>
                  <input type="radio" name="meal" value="{{$key}}" {{($key == old('meal')) ? 'checked' : ''}}>{{$string}}
                </label>
              </div>
            @endforeach
            @if($errors->has('meal'))
              @foreach ($errors->get('meal') as $error)
                <div class="invalid-feedback d-block">{{$error}}</div>
              @endforeach
            @endif
          </div>
        </div>
        @endif

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center"></label>
          <div class="input-group col-12 col-sm-9">
            <small class="text-muted">剩餘名額：{{$limit}}</small>
          </div>
        </div>

        @if ($event->is_relative)

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center">
            <span class="align-middle"><b>眷屬</b></span>
          </label>
          <div id="participants" class="col-12 col-sm-9">
            @if (!empty(old('names', [])))
              @foreach (old('names') as $i => $name)
                <div class="border border-dark p-3">
                  {{-- 姓名 --}}
                  <div class="form-group row">
                    <label class="col-form-label col-12 col-sm-3 text-sm-center">
                      <span class="align-middle"><span class="text-red">※&ensp;</span><b>姓名</b></span>
                    </label>
                    <div class="input-group col-12 col-sm-9">
                      <input type="text" name="names[]" class="form-control" value="{{$name}}" placeholder="姓名">
                    </div>
                  </div>

                  {{-- 行動電話 --}}
                  <div class="form-group row">
                    <label class="col-form-label col-12 col-sm-3 text-sm-center">
                      <span class="align-middle"><span class="text-red">※&ensp;</span><b>行動電話</b></span>
                    </label>
                    <div class="input-group col-12 col-sm-9">
                      <input type="text" name="phones[]" class="form-control" value="{{old('phones.'.$i)}}" placeholder="行動電話">
                    </div>
                  </div>

                  {{-- 信箱 --}}
                  <div class="form-group row">
                    <label class="col-form-label col-12 col-sm-3 text-sm-center">
                      <span class="align-middle"><span class="text-red">※&ensp;</span><b>信箱</b></span>
                    </label>
                    <div class="input-group col-12 col-sm-9">
                      <input type="text" name="emails[]" class="form-control" value="{{old('emails.'.$i)}}" placeholder="信箱">
                    </div>
                  </div>

                  @if ($event->is_meal)
                  {{-- 餐食 --}}
                  <div class="form-group row">
                    <label class="col-form-label col-12 col-sm-3 text-sm-center">
                      <span class="align-middle"><span class="text-red">※&ensp;</span><b>餐食</b></span>
                    </label>
                    <div class="input-group col-12 col-sm-9 d-flex align-items-center">
                      @foreach(config('event.participant_meal') as $key => $string)
                        <div class="custom-control custom-radio mb-2">
                          <label>
                            <input type="radio" name="meals[]" value="{{$key}}" {{($key == old('meals.'.$i)) ? 'checked' : ''}}>{{$string}}
                          </label>
                        </div>
                      @endforeach
                    </div>
                  </div>
                  @endif
                    <div class="form-group row">
                      <div class="col-md-3"></div>
                      <div class="col-md-6">
                        <button type="button" class="btn btn-link removeBtn">
                          <span class="fas fa-minus-circle fa-2x text-danger">&ensp;</span>
                        </button>
                      </div>
                    </div>
                </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center"></label>
          <div class="input-group col-12 col-sm-9">
            <small class="text-muted">如果該人資料不齊全則不計入報名人數</small>
          </div>
        </div>

        <div class="form-group row">
          <div class="col-md-3"></div>
          <div class="col-md-6">
            <button type="button" class="btn btn-link addBtn">
              <span class="fas fa-plus-circle fa-2x">&ensp;</span>
            </button>
          </div>
        </div>
        @endif

        <div class="text-center mt-5">
          <button type="submit" class="btn btn-lg btn-success font-weight-bold submit-btn">儲存</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div id="clone-sample" class="d-none">
  <div class="border border-dark p-3">
    {{-- 姓名 --}}
    <div class="form-group row">
      <label class="col-form-label col-12 col-sm-3 text-sm-center">
        <span class="align-middle"><span class="text-red">※&ensp;</span><b>姓名</b></span>
      </label>
      <div class="input-group col-12 col-sm-9">
        <input type="text" name="names[]" class="form-control" placeholder="姓名">
      </div>
    </div>

    {{-- 行動電話 --}}
    <div class="form-group row">
      <label class="col-form-label col-12 col-sm-3 text-sm-center">
        <span class="align-middle"><span class="text-red">※&ensp;</span><b>行動電話</b></span>
      </label>
      <div class="input-group col-12 col-sm-9">
        <input type="text" name="phones[]" class="form-control"  placeholder="行動電話">
      </div>
    </div>

    {{-- 信箱 --}}
    <div class="form-group row">
      <label class="col-form-label col-12 col-sm-3 text-sm-center">
        <span class="align-middle"><span class="text-red">※&ensp;</span><b>信箱</b></span>
      </label>
      <div class="input-group col-12 col-sm-9">
        <input type="text" name="emails[]" class="form-control" placeholder="信箱">
      </div>
    </div>

    @if ($event->is_meal)
    {{-- 餐食 --}}
    <div class="form-group row">
      <label class="col-form-label col-12 col-sm-3 text-sm-center">
        <span class="align-middle"><span class="text-red">※&ensp;</span><b>餐食</b></span>
      </label>
      <div class="input-group col-12 col-sm-9 d-flex align-items-center">
        @foreach(config('event.participant_meal') as $key => $string)
          <div class="custom-control custom-radio mb-2">
            <label>
              <input type="radio" name="meals[]" value="{{$key}}">{{$string}}
            </label>
          </div>
        @endforeach
      </div>
    </div>
    @endif
      <div class="form-group row">
        <div class="col-md-3"></div>
        <div class="col-md-6">
          <button type="button" class="btn btn-link removeBtn">
            <span class="fas fa-minus-circle fa-2x text-danger">&ensp;</span>
          </button>
        </div>
      </div>
  </div>
</div>
@endsection

{{-- Script --}}
@section('script')
@parent
<script type="text/javascript" src="{{ Module::asset('event:js/event/register.js')}}"></script>
@endsection