@extends('layout.layout')

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

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => $back_route])
<div class="row mb-3">
  <div class="col-12 offset-md-1 col-md-10">
    <div class="card">
      <h5 class="card-header align-middle">人員資料</h5>
      <div class="card-body">
        <form id="edit_form" action="{{$edit_route}}" method="post">
          @csrf
          <table class="table table-bordered fixed">
            <tbody>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">狀態</th>
                <td class="align-middle text-left w-75" colspan="3">
                  @if($model->status_id==5)
                    @php
                    $status_id = old('status_id',isset($model)?$model->status_id:'');
                    @endphp
                    <select name="status_id" class="selectpicker form-control {{ $errors->has('status_id') ? ' is-invalid' : '' }}" id="SelectStatus" data-live-search="true" required>
                      <option value="">請選擇狀態</option>
                      @foreach($status_options as $option)
                      <option value="{{$option->id}}"
                      @if($status_id==$option->id)
                      selected
                      @endif
                      >{{$option->name}}</option>
                      @endforeach
                    </select>
                    <small class="form-text text-muted" style="width:100%;"></small>
                    @if ($errors->has('status_id'))
                      @foreach($errors->get('status_id') as $error)
                      <div class="invalid-feedback">
                        {{ $error }}
                      </div>
                      @endforeach
                    @endif
                  @else
                    {{$model->status->name}}
                  @endif
                </td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">活動</th><td class="align-middle text-left w-75" colspan="3">{{$model->activity->name}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">帳號</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_uid}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">姓名</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_name}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">性別</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_gender}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">@if(!empty($model->participant_id))學校@endif信箱</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_email}}</td>
              </tr>
              @if(!empty($model->participant_email2))
              <tr>
                <th class="align-middle text-center w-25" colspan="1">常用信箱</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_email2}}</td>
              </tr>
              @endif
              @if(empty($model->participant_id))
              <tr>
                <th class="align-middle text-center w-25" colspan="1">公司/學校</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_service_untils}}</td>
              </tr>
              @endif
              <tr>
                <th class="align-middle text-center w-25" colspan="1">單位/系所</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_department}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">職稱</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_job_title}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">聯絡電話(分機)</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_telephone}}@if (!empty($model->participant_telephone_extension))#{{$model->participant_telephone_extension}}@endif</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">手機</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_phone}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">郵遞區號</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_postcode}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">聯絡地址</th><td class="align-middle text-left w-75" colspan="3">{{$model->participant_address}}</td>
              </tr>
              <tr>
                <th class="align-middle text-center w-25" colspan="1">備註</th><td class="align-middle text-left w-75" colspan="3">{{$model->remark}}</td>
              </tr>
              @if($activity->has_meal)
              <tr>
                <th class="align-middle text-center w-25" colspan="1">素/葷食</th>
                <td class="align-middle text-left w-75" colspan="3">
                  @php
                  $meal_type_id = old('meal_type_id',isset($model)?$model->meal_type_id:'');
                  @endphp
                  <div class="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}}" @if ($model->status_id == 10) disabled @else required @endif
                      @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>
                </td>
              </tr>
              @endif
              @if(!empty($activity->question_1))
              <tr>
                <th class="align-middle text-center w-25" colspan="1">{{$activity->question_1}}</th>
                <td class="align-middle text-left w-75" colspan="3">
                  <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="回覆" @if ($model->status_id == 10) disabled @else required @endif>
                </td>
              </tr>
              @endif
              @if(!empty($activity->question_2))
              <tr>
                <th class="align-middle text-center w-25" colspan="1">{{$activity->question_2}}</th>
                <td class="align-middle text-left w-75" colspan="3">
                  <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="回覆" @if ($model->status_id == 10) disabled @else required @endif>
                </td>
              </tr>
              @endif
              @if(!empty($activity->question_3))
              <tr>
                <th class="align-middle text-center w-25" colspan="1">{{$activity->question_3}}</th>
                <td class="align-middle text-left w-75" colspan="3">
                  <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="回覆" @if ($model->status_id == 10) disabled @else required @endif>
                </td>
              </tr>
              @endif
            </tbody>
          </table>
        </form>
        @if ($model->status_id <> 10)
        <div class="text-right">
          @can('edit',$model)
          @if($model->status_id==5||$activity->has_meal==1)
          <button type="button" class="btn btn-success py-1 save-btn">
            <i class="fas fa-check"></i><span class="ml-1">儲存</span>
          </button>
          @endif

          <form action="{{$cancel_route}}" method="post" id="cancel_form" class="d-inline-block">
            @csrf
            <span class="btn btn-danger py-1 cancel-btn">
              <i class="fas fa-user-times"></i>
              <span class="ml-1">取消報名</span>
            </span>
          </form>
          @endcan
          @cannot('edit',$model)
          <small class="w-100 form-text text-muted">無法進行編輯修改</small>
          @endcannot
        </div>
        @endif
      </div>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript">
$(document).ready(function() {
  $(document).on('click', '.cancel-btn', function() {
    if (!confirm('取消報名後無法復原\n需重新報名\n\n您確定要取消報名嗎？')) {
      return;
    }
    LoadingCover.show();

    $('#cancel_form').submit();
  });

  $(document).on('click', '.save-btn', function() {
    var form = $("#edit_form");

    if (!form[0].checkValidity()) {

      form[0].reportValidity();
      return;
    }
    LoadingCover.show();

    $('#edit_form').submit();
  });
});
</script>
@endpush