@extends('layout.layout')

{{-- Style --}}
@push('links')
@endpush

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => $back_route])
<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 id="editForm" method="post" enctype="multipart/form-data">
        @csrf
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputParticipantName">
            <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="hidden" name="participant_id" value="{{ old('participant_id',isset($model->participant_id)?$model->participant_id:null) }}">
            <input type="text" name="participant_name" class="form-control {{ $errors->has('participant_name') ? ' is-invalid' : '' }}" id="InputParticipantName" value="{{ old('participant_name',isset($model->participant_name)?$model->participant_name:null) }}" readonly>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('participant_name'))
              @foreach($errors->get('participant_name') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>
        @if($activity->has_meal==1)
        <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>
          @php
          $meal_type_id = old('meal_type_id',isset($model)?$model->meal_type_id:'');
          @endphp
          <div class="col-12 col-sm-9 radio-group d-flex align-items-center {{ $errors->has('meal_type_id') ? ' is-invalid' : '' }}">
            @foreach($meal_options as $option)
            <div class="custom-control custom-radio custom-control-inline">
              <input type="radio" class="custom-control-input {{ $errors->has('meal_type_id') ? ' is-invalid' : '' }}" id="meal_type_id{{$option->id}}" name="meal_type_id" value="{{$option->id}}" required
              @if($meal_type_id==$option->id)
              checked
              @endif
              >
              <label class="custom-control-label" for="meal_type_id{{$option->id}}">{{$option->name}}</label>
            </div>
            @endforeach
            @if ($errors->has('meal_type_id'))
              @foreach($errors->get('meal_type_id') as $error)
              <div class="is-invalid"></div>
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>
        @endif
        @if(!empty($activity->question_1))
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputName">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>{{$activity->question_1}}</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="response_1" class="form-control {{ $errors->has('response_1') ? ' is-invalid' : '' }}" id="InputName" value="{{ old('response_1',isset($model->response_1)?$model->response_1:null) }}" placeholder="回覆" required>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('response_1'))
              @foreach($errors->get('response_1') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>
        @endif
        @if(!empty($activity->question_2))
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputName">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>{{$activity->question_2}}</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="response_2" class="form-control {{ $errors->has('response_2') ? ' is-invalid' : '' }}" id="InputName" value="{{ old('response_2',isset($model->response_2)?$model->response_2:null) }}" placeholder="回覆" required>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('response_2'))
              @foreach($errors->get('response_2') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>
        @endif
        @if(!empty($activity->question_3))
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputName">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>{{$activity->question_3}}</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            <input type="text" name="response_3" class="form-control {{ $errors->has('response_3') ? ' is-invalid' : '' }}" id="InputName" value="{{ old('response_3',isset($model->response_3)?$model->response_3:null) }}" placeholder="回覆" required>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('response_3'))
              @foreach($errors->get('response_3') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </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>
@endsection

{{-- Script --}}
@push('scripts')
<script>
$(document).ready(function() {
});
</script>
@endpush