@extends('layouts.backend.index', ['module_title' => 'Добавяне на категория'])

@section('content')
  <div class="card ">
    <div class="card-body">
      <form class="" action="{{ route('categories.store') }}" method="post" autocomplete="off" enctype="multipart/form-data" id="category-form">
        @csrf

        @if (session('success'))
          <div class="alert alert-success form-group">
            {{ session('success') }}
          </div>
        @endif
        <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
          @foreach ($languages as $key => $language)
          <li class="nav-item " >
            <a class="nav-link @if($key == 0) {{ 'active' }} @endif" id="lang-{{ $language->code }}" data-toggle="pill" href="#{{ $language->code }}" role="tab" aria-controls="{{ $language->code }}" aria-selected="false">{{ $language->title }}
              @error('language.'.$language->code.'*') {!! '<strong class="text-danger">*</strong>' !!} @enderror
            </a>
          </li>
          @endforeach
        </ul>

        <div class="tab-content mt-3">
          @foreach ($languages as $key => $language)
          <input type="hidden" name="language[{{ $language->code }}][language]" value="{{ $language->code }}" class="form-control">
          <div class="tab-pane fade @if($key == 0) {{ 'active show' }} @endif" id="{{ $language->code }}" role="tabpanel" aria-labelledby="lang-{{ $language->code }}">
            <div class="row">
              <div class="col-sm-6 mx-auto">
                @if ($key == 0)
                  <div class="form-group">
                    <label for="">
                      Тип
                    </label>
                    <select class="form-control" name="type" id="type">
                      <option value="0">Главна категория</option>
                      <option value="1">Подкатегория</option>
                    </select>
                  </div>

                  <div class="form-group d-none parent-categories-box">
                    <label for="">
                      Категория
                    </label>
                    <select class="form-control" name="parent_id">
                      <option value="0">-Избери-</option>
                      @foreach ($parent_categories as $skey => $main_cat)
                        <option value="{{ $main_cat->id }}">{{$main_cat->translation->title}}</option>
                      @endforeach
                    </select>
                  </div>
                @endif
                <div class="form-group">
                  <label for="">
                    Заглавие <strong class="text-danger">*</strong>
                  </label>
                  <input type="text" name="language[{{ $language->code }}][title]" value="{{ old('language.'.$language->code.'.title') }}" class="form-control">
                  @error('language.'.$language->code.'.title')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="">
                    Описание
                  </label>
                  <textarea name="language[{{ $language->code }}][description]" rows="8" cols="80" class="form-control"></textarea>
                </div>

                @if ($key == 0)
                  <div class="form-group icon-group">
                    <label for="">
                      Икона
                    </label>
                    <input type="file" class="form-control" name="icon" value="">
                  </div>
                @endif

                <div class="form-group">
                  <label for="">
                    Meta Заглавие
                  </label>
                  <input type="text" name="language[{{ $language->code }}][meta_title]" value="" class="form-control">
                </div>
                <div class="form-group">
                  <label for="">
                    Meta Описание
                  </label>
                  <textarea name="language[{{ $language->code }}][meta_description]" rows="8" cols="80" class="form-control"></textarea>
                </div>

                @if($key == 0)
                  <div class="form-group">
                    <label for="">
                      Статус
                    </label>
                    <select class="form-control" name="status">
                      <option value="1">Активна</option>
                      <option value="0">Неактивна</option>
                    </select>
                  </div>
                @endif
              </div>
            </div>
          </div>
          @endforeach
        </div>
        <div class="row justify-content-center">
          <div class="form-group col-sm-6">
            <button type="submit" name="store" class="btn btn-lg btn-success">
              Добави
            </button>
          </div>
        </div>
      </form>
    </div>
  </div>
@endsection