@extends('dashboard.layout.layout')

@section('content')
  <!-- BEGIN: Content-->
  <div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
      <div class="content-header row">
      </div>
      <div class="content-body">
        <h1>
          {{ $block->name }}
        </h1>
        <div class="row">
          @foreach ($block->callCentreInfos as $info)
            <div class="col-md-6" style="position: relative">
              <form method="POST" action="{{ route('callcentre.store', ['block_id' => $block->id]) }}">
                @csrf
                <div class="mb-1">
                  @php
                    $title = $info->title ?? 'სათაური';
                  @endphp
                  <input type="text" value="{{ $title }}" class="form-control mb-1" name="name" />
                  <input type="hidden" name="callcentre_id" value="{{ $info->id }}">
                  @trix($info, 'content', [
                      'hideButtonIcons' => ['attach'],
                  ])
                </div>
                <input type="submit" class="btn btn-success mb-3" value="შენახვა" />
              </form>
              @if ($loop->iteration > 2)
                <form method="POST" action="{{ route('callcentre.delete', $info->id) }}" class="d-inline delete-form"
                  style="position: absolute; left: 120px; bottom: 22px;">
                  @csrf
                  <button type="submit" class="btn btn-danger mb-2">წაშლა</button>
                </form>
              @endif
            </div>
          @endforeach
        </div>
        <a type="button" id="add-editor" class="btn btn-primary my-2"
          href="{{ route('callcentre.add-editor', ['block' => $block->id]) }}">დაამატე ველი</a>
      </div>
    </div>
  </div>
  <!-- END: Content-->
@endsection

<style>
  trix-editor {
    min-height: 300px !important;
  }
</style>