@extends('layout.layout')

{{-- Style --}}
@push('links')
<style nonce="{{ csp_nonce() }}">
  .hidden{
    display: none;
  }
</style>
@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="basicForm" method="post" enctype="multipart/form-data">
      @csrf
      <div class="form-group row">
        <label class="col-12 col-sm-3 text-sm-center" for="InputPhoto">
          <span class="align-middle"><b>照片</b></span>
          <div><small class="text-danger">(大小不能超過10MB)</small></div>
        </label>
        <!-- <div class="input-group col-7 col-sm-6">
          <input type="text" name="photo_url" class="form-control {{ $errors->has('photo_url') ? ' is-invalid' : '' }}" id="InputPhoto" value="{{ old('photo_url',isset($model->photo_url)?$model->photo_url:null) }}" placeholder="照片網址">
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('photo_url'))
            @foreach($errors->get('photo_url') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div> -->
        <div class="col-7 col-sm-6 file-section photo">
          @component('component.single_file',['name'=>'photo','model'=>isset($model)?$model:null,'mimes'=>'image/jpeg,image/bmp,image/png','file_url'=>isset($model->photo_display_name)?route('user.file',['user'=>$model->id, 'slug'=>'basic', 'filename'=>$model->photo_name]):null])
          @endcomponent
          <small class="form-text text-muted w-100">上傳格式：.jpeg, .png, .bmp</small>
        </div>
        @php
        $photo_is_public = old('photo_is_public',$model->photo_is_public)
        @endphp
        <div class="form-check offset-1 col-4 col-sm-2">
          <input type="checkbox" class="form-check-input" id="PhotoisPublicY" name="photo_is_public" value="1"
          @if($photo_is_public==1)
          checked
          @endif
          >
          <label class="form-check-label" for="PhotoisPublicY">公開</label>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-12 col-sm-3 text-sm-center">
          <span class="align-middle"><b>中文姓名</b></span>
        </label>
        <div class="col-12 col-sm-9">
          <span class="align-middle">{{$model->name}}</span>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputEnName">
          <span class="align-middle"><b>英文姓名</b></span>
        </label>
        <div class="input-group col-7 col-sm-6">
          <input type="text" name="en_name" class="form-control {{ $errors->has('en_name') ? ' is-invalid' : '' }}" id="InputEnName" value="{{ old('en_name',isset($model->en_name)?$model->en_name:null) }}" placeholder="英文姓名">
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('en_name'))
            @foreach($errors->get('en_name') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
        @php
        $en_name_is_public = old('en_name_is_public',$model->en_name_is_public)
        @endphp
        <div class="form-check offset-1 col-4 col-sm-2">
          <input type="checkbox" class="form-check-input" id="EnNameisPublicY" name="en_name_is_public" value="1"
          @if($en_name_is_public==1)
          checked
          @endif
          >
          <label class="form-check-label" for="EnNameisPublicY">公開</label>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-12 col-sm-3 text-sm-center">
          <span class="align-middle"><b>單位</b></span>
        </label>
        <div class="col-12 col-sm-9">
          <span class="align-middle">{{$model->departments->pluck('name')->join(',')}}</span>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputSchoolExtension">
          <span class="align-middle"><b>校內分機</b></span>
        </label>
        <div class="input-group col-12 col-sm-6">
          <input type="text" name="school_extension" class="form-control {{ $errors->has('school_extension') ? ' is-invalid' : '' }}" id="InputSchoolExtension" value="{{ old('school_extension',isset($model->school_extension)?$model->school_extension:null) }}" placeholder="校內分機">
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('school_extension'))
            @foreach($errors->get('school_extension') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
      </div>
      <div class="form-group row">
        <label class="col-12 col-sm-3 text-sm-center">
          <span class="align-middle"><b>電子郵件</b></span>
        </label>
        <div class="col-12 col-sm-9">
          <span class="align-middle">{{$model->email}}</span>
        </div>
      </div>
      <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 type="text/javascript" src="{{ Module::asset('student:js/helper.js')}}"></script>
<script nonce="{{ csp_nonce() }}">
$(document).ready(function() {
  @if(empty($model->photo_display_name))
  $('[name="photo_is_public"]').on("click", function() {
      $('[name=photo]').attr("required",false);
      if ($(this).is(':checked')) {
        $('[name=photo]').attr("required",true);
      }
  });
  @endif
  $('[name="en_name_is_public"]').on("click", function() {
      $('[name=en_name]').attr("required",false);
      if ($(this).is(':checked')) {
        $('[name=en_name]').attr("required",true);
      }
  });
});
</script>
@endpush