@extends('backend.layouts.master')
@section('title') {{ translate('Edit Blog-Category') }} @endsection
@section('content')
<div class="row">
    <div class="col-xxl-8">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">Edit Blog Category</h4>
            </div><!-- end card header -->
            <ul class="nav nav-tabs nav-fill border-light">
                @foreach (get_all_active_language() as $key => $language)
                <li class="nav-item">
                    <a class="nav-link text-reset @if ($language->code == $lang) active @else bg-soft-dark border-light border-left-0 @endif py-3" href="{{ route('blog-categories.edit', [$category->id, 'lang'=> $language->code] ) }}">
                        <img src="{{ static_asset('assets/backend/images/flags/'.$language->code.'.svg') }}" height="11" class="mr-1">
                        <span>{{$language->name}}</span>
                    </a>
                </li>
                @endforeach
            </ul>
            <div class="card-body">
                <form action="{{route('blog-categories.update', $category->id)}}" method="POST">
                    @method('PATCH')
                    @csrf
                    <input type="hidden" name="lang" value="{{$lang}}">
                    <div class="row mb-3">
                        <div class="col-lg-3">
                            <label for="nameInput" class="form-label">Category Title</label>
                        </div>
                        <div class="col-lg-6">
                            <input type="text" name="title" class="form-control @error('title') is-invalid @enderror" placeholder="Enter Category name" value="{{$category->translation('title', $lang)}}">
                            <span class="invalid-feedback" role="alert">@error('title') {{$message}} @enderror</span>
                        </div>
                    </div>
                    <div class="text-end">
                        <button type="submit" class="btn btn-primary w-lg waves-effect waves-light">Update Category</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection