@extends('layouts.app')
@section('title')
    {{ __('messages.Category') }}
@endsection
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{ __('messages.Category') }}</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('messages.Dashboard') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('messages.Category') }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-info">
                        <div class="card-header"></div>
                        <form class="form-horizontal" action="" method="post">
                            @csrf
                            <div class="card-body">

                                <div class="card card-primary card-outline card-outline-tabs">
                                    <div class="card-header p-0 border-bottom-0">
                                        <ul class="nav nav-tabs" id="custom-tabs-name-tab" role="tablist">
                                            @foreach ($languages as $language)
                                                <li class="nav-item">
                                                    <a class="nav-link @if ($loop->first) active @endif"
                                                        id="{{ $language }}-tab" data-toggle="pill"
                                                        href="#{{ $language }}" role="tab"
                                                        aria-controls="{{ $language }}"
                                                        aria-selected="true">{{ strtoupper($language) }}</a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                    <div class="card-body">
                                        <div class="tab-content" id="custom-tabs-name-tabContent">
                                            @foreach ($languages as $language)
                                                @php
                                                    $name = isset($category->name) ? $category->getTranslation('name', $language) : '';
                                                @endphp
                                                <div class="tab-pane fade @if ($loop->first) active show @endif"
                                                    id="{{ $language }}" role="tabpanel"
                                                    aria-labelledby="{{ $language }}-tab">
                                                    <div class="form-group row">
                                                        <label for="name_{{ $language }}"
                                                            class="col-sm-3 col-form-label">{{ __('messages.Name') }}</label>
                                                        <div class="col-sm-9">
                                                            <input type="text" name="name_{{ $language }}"
                                                                class="form-control" id="name_{{ $language }}"
                                                                placeholder="{{ __('messages.Name') }}"
                                                                value="{{ old('name_' . $language) ?? $name }}"
                                                                required>
                                                            @error('name_' . $language)
                                                                <span
                                                                    class="error invalid-feedback d-block">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="parent_id" class="col-sm-2 col-form-label">{{ __('messages.Parent category') }}</label>
                                    <div class="col-sm-10">
                                        <select class="form-control" name="parent_id" id="parent_id">
                                            <option value="">{{ __('messages.Select category') }}</option>
                                            {!! $dropDown !!}
                                        </select>
                                        @error('parent_id')
                                            <span class="error invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                @if(Auth::user()->role === 'admin')
                                <div class="form-group row">
                                    <label for="owner_id" class="col-sm-2 col-form-label">{{ __('messages.Owner') }}</label>
                                    <div class="col-sm-10">
                                        <select name="owner_id" id="owner_id" class="form-control">
                                            <option value="">{{ __('messages.Select owner') }}</option>
                                            @foreach ($owners as $owner)
                                                <option value="{{ $owner->id }}" @if(old('owner_id') && old('owner_id') == $owner->id)Selected @elseif(isset($category->owner_id) && $category->owner_id == $owner->id)Selected @endif>{{ $owner->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('owner_id')
                                            <span class="error invalid-feedback d-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                @endif
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-info">{{ __('messages.Submit') }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
<script>
    $(function () {
        var selected = "{{($catId)??0}}";
        if(selected != 0)
            $("#parent_id").val(selected).change();
    });
</script>
@endsection