@extends('layout.layout')

@php
  $submitText = '新增'
@endphp
@if (isset($site))
  @php
    $submitText = '儲存'
  @endphp
  @section('images')
    @foreach ($site->images as $image)
      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right">
        </label>
        <div class="input-group col-6" style="display:inline-block;">
          <button type="button" class="btn btn-link removeBtn">
            <span class="fas fa-minus-circle fa-2x text-danger">&ensp;</span>
          </button>
          <input type="hidden" name="imageId[]" value="{{$image->id}}">
          <a href="{{route('site.upload.getImage', ['id' => $image->id])}}" target="_blank">
            <img src="{{route('site.upload.getImage', ['id' => $image->id])}}" width="25%">
          </a>
        </div>
      </div>
    @endforeach
  @endsection
  @section('files')
    @foreach ($site->attachments as $attachment)
      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right">
        </label>
        <div class="input-group col-6" style="display:inline-block;">
          <button type="button" class="btn btn-link removeBtn">
            <span class="fas fa-minus-circle fa-2x text-danger">&ensp;</span>
          </button>
          <input type="hidden" name="fileId[]" value="{{$attachment->id}}">
          <a href="{{route('site.upload.getAttachment', ['id' => $attachment->id])}}" target="_blank">
            @if (empty($attachment->name)){{$attachment->filename}}@else{{$attachment->name}}@endif
          </a>
        </div>
      </div>
    @endforeach
  @endsection
@endif

{{-- Content --}}
@section('content')
@include('custom::component.reply-btn', ['url' => route('site.index')])
<div class="row mb-3">
  <div class="col-md">
    <form method="POST" enctype="multipart/form-data">
      {{csrf_field()}}
      {!! $form->render() !!}
      <div class="form-group align-items-center">
        <label class="col-form-label col-md-3 text-md-right" for="badge_color">
          <span class="align-middle">※<b>標籤色彩</b></span>
        </label>
        <input type="color" id="badge_color" name="badge_color" value="{{ old('badge_color', $site->badge_color ?? '#000000') }}" required="required" />
      </div>
      <div id="images">
        <div class="form-group row">
          <label class="col-form-label col-md-3 text-md-right">
            <span class="align-middle"><b>圖片</b></span>
          </label>
          <div class="input-group col-md-6">
            <input type="file" name="images[]" class="form-control">
            @if($errors->has('images.*'))
              @foreach($errors->get('images.*') as $key => $error)
                <div class="invalid-feedback" style="display: block;">
                  {{ $errors->first($key) }}
                </div>
              @endforeach
             @endif
          </div>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right">
        </label>
        <div class="input-group col-6">
          <button type="button" class="btn btn-link addImageBtn">
            <span class="fas fa-plus-circle fa-2x"></span>
          </button>
        </div>
      </div>
      @yield('images')
      <div id="files">
        <div class="form-group row">
          <label class="col-form-label col-md-3 text-md-right">
            <span class="align-middle"><b>附件</b></span>
          </label>
          <div class="input-group col-md-3">
            <input type="file" name="files[]" class="form-control">
          </div>
          <div class="input-group col-md-3">
            <input type="text" name="names[]" class="form-control" placeholder="顯示檔名(XXX.XXX)">
          </div>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-form-label col-md-3 text-md-right">
        </label>
        <div class="input-group col-6">
          <button type="button" class="btn btn-link addFileBtn">
            <span class="fas fa-plus-circle fa-2x"></span>
          </button>
        </div>
      </div>
      @yield('files')
      @foreach (config('site.arena_fee') as $key => $field)
        @if (isset($field['options']))
          @foreach ($field['options'] as $value => $label)
          <div class="form-group row">
            <label class="col-form-label col-md-3 text-md-right">
              @if ($value == '11')<span class="align-middle">※<b>{{$field['label']}}</b></span>@endif
            </label>
            <div class="input-group col-md-6">
              <div class="input-group-prepend">
                <div class="input-group-text">{{$label}}</div>
              </div>
              <input type="text" name="fee[{{$key}}][{{$value}}]" class="form-control" value="{{old('fee.'.$key.'.'.$value, $fees[$key][$value]??"")}}" required="required" placeholder="費用">
              @if($errors->has('fee.'.$key.'.'.$value))
                @foreach ($errors->get('fee.'.$key.'.'.$value) as $error)
                  <div class="invalid-feedback" style="display:block;">{{$error}}</div>
                @endforeach
              @endif
            </div>
          </div>
          @endforeach
        @else
          <div class="form-group row">
            <label class="col-form-label col-md-3 text-md-right">
              <span class="align-middle">※<b>{{$field}}</b></span>
            </label>
            <div class="input-group col-md-6">
              <input type="text" name="fee[{{$key}}]" class="form-control" value="{{old('fee.'.$key, $fees[$key]??"")}}" required="required" placeholder="費用">
              <div class="input-group-prepend">
                <div class="input-group-text">時段</div>
              </div>
              @if($errors->has('fee.'.$key))
                @foreach ($errors->get('fee.'.$key) as $error)
                  <div class="invalid-feedback" style="display:block;">{{$error}}</div>
                @endforeach
              @endif
            </div>
          </div>
        @endif
      @endforeach
      <div class="form-group text-center">
        <input type="submit" name="submit" class="btn btn-success" value="{{$submitText}}">
      </div>
    </form>
  </div>
</div>

<div id="clone-sample-image" class="d-none">
  <div class="form-group row">
    <label class="col-form-label col-md-3 text-md-right">
    </label>
    <div class="input-group col-md-6">
      <input type="file" name="images[]" class="form-control">
    </div>
  </div>
</div>
<div id="clone-sample-file" class="d-none">
  <div class="form-group row">
    <label class="col-form-label col-md-3 text-md-right">
    </label>
    <div class="input-group col-md-3">
      <input type="file" name="files[]" class="form-control">
    </div>
    <div class="input-group col-md-3">
      <input type="text" name="names[]" class="form-control" placeholder="顯示檔名(XXX.XXX)">
    </div>
  </div>
</div>
@endsection

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