@extends('layouts.dashboard')

@section('content')
@if(session()->has('success'))
  <div class="alert alert-success alert-dismissible fade show close-notification" role="alert">
    {{session()->get('success')}}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
@if ($errors->has('name'))
  <div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $errors->first('name') }}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
@if ($errors->has('simplified_name'))
  <div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $errors->first('simplified_name') }}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
<div class="row d-flex justify-content-center  pt-5 mt-5">
  <div class="col-12 col-xl-5">
    <div class="card nexa-border-light">
      <div class="card-header nexa-bg-light nexa-border-light">
        <div class="btn-group float-right">
          <a href="#" class="nexa-light" data-toggle="dropdown"><small> <i class="fa fa-angle-down pl-1"></i> </small></a>
          <div class="dropdown-menu bg-white border-top-0 rounded-0 py-0">
            <div class="megnify-popup">
              <a class="dropdown-item btn-gallery" href="{{asset('storage/category/'.$categories->thumbnail)}}" title="{{$categories->name}}">Miniatura</a>
            </div>
            <a class="dropdown-item" href="{{url('/dashboard/category/'.$categories->id)}}">Zobacz</a>
            <form action="{{url('/dashboard/category/'.$categories->id)}}" method="post">
              @csrf
              {{method_field('DELETE')}}
              <button type="submit" class="dropdown-item" onclick="return confirm('Kategoria zostanie przeniesiona do kosza.')">Usuń</button>
            </form>
          </div>
        </div>
        <h6 class="font-weight-bold mb-0">Edytuj kategorię</h6>
      </div>
      <div class="card-body">
        <form action="{{ url('/dashboard/category/'.$categories->id) }}" method="post" enctype="multipart/form-data">
          @csrf
          {{method_field('PATCH')}}
          <div class="form-group">
            <label class="font-weight-bold nexa-dark">Nazwa kategorii</label>
            <input type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" value="{{$categories->name}}">
          </div>
          <div class="form-group">
            <label class="font-weight-bold nexa-dark">Miniatura kategorii</label>
            <input type="file" class="form-control-file{{ $errors->has('thumbnail') ? ' is-invalid' : '' }}" name="thumbnail" placeholder="Uproszczona nazwa w pasku adresu">
            <span class="font-italic">Miniatura kategorii musi mieć wymiary: 1920 x 1080 px.</span>
          </div>
          <button type="submit" name="button" class="btn btn-primary btn-md rounded btn-block">Zapisz zmiany</button>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection