@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="self_fileForm" 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="InputName">
          <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 {{ $errors->has('name') ? ' is-invalid' : '' }}" id="InputName" value="{{ old('name',isset($model->name)?$model->name:null) }}" placeholder="名稱" required>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('name'))
            @foreach($errors->get('name') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
      </div>
      <div class="form-group row">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="SelectFolder">
          <span class="align-middle"><span class="text-red">※&ensp;</span><b>所屬資料夾</b></span>
        </label>
        <div class="input-group col-12 col-sm-9">
          @php
          $parent_folder_id = old('parent_folder_id',isset($model->parent_folder_id)?$model->parent_folder_id:'root');
          $l = 1;
          $dir_name = '根目錄/';
          $has_folder = false;
          @endphp
          <select name="parent_folder_id" id="SelectFolder" class="selectpicker form-control {{ $errors->has('parent_folder_id') ? ' is-invalid' : '' }}" data-live-search="true" required>
            <option value="">請選擇所屬資料夾</option>
            <option value="root"
              @if($parent_folder_id=='root')
              selected
              @endif
            >根目錄</option>
            @foreach($folders_options as $option)
              @include('doc::components.folderOptions',[$option,$parent_folder_id,$dir_name])
            @endforeach
          </select>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('parent_folder_id'))
            @foreach($errors->get('parent_folder_id') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
      </div>
      <div class="form-group row">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputDescription">
          <span class="align-middle"><b>內文</b></span>
        </label>
        <div class="input-group col-12 col-sm-9">
          <textarea type="text" name="description" class="form-control {{ $errors->has('description') ? ' is-invalid' : '' }}" id="InputDescription" rows="5">{{ old('description',isset($model->description)?$model->description:null) }}</textarea>
          <small class="form-text text-muted w-100"></small>
          @if ($errors->has('description'))
            @foreach($errors->get('description') as $error)
            <div class="invalid-feedback">
              {{ $error }}
            </div>
            @endforeach
          @endif
        </div>
      </div>
      <div class="form-group row">
        <label class="col-form-label col-12 col-sm-3 text-sm-center" for="InputFileUrl">
          <span class="align-middle"><b>附件</b></span>
        </label>
        <div class="col-12 col-sm-9 file-section file">
          @component('component.single_file',['name'=>'file','model'=>isset($model)?$model:null,'file_url'=>isset($model->file_display_name)?route('doc.self_file.file',['file'=>$model, 'filename' => $model->file_display_name]):null])
          @endcomponent
        </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('doc:js/file.js')}}"></script>
<script nonce="{{ csp_nonce() }}">
</script>
@endpush