@extends('layouts.admin')

@section('content')
    <div>
        <div>
            <div class="page-title">
                                <div class="title_left">
                    <h3>Adaugă {{ $type }} </h3>
                </div>

                <div class="title_right">
                    <div class="col-md-5 col-sm-5  form-group pull-right top_search">
                        <a href = "{{ route('categories.index') }}" class= "btn btn-primary float-right"><span
                                class="fa fa-chevron-left"></span> Înapoi</a>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
                <div class="col-md-12 col-sm-12 ">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Administrează {{ $type }} <small>Creeaza {{ $type }}</small></h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <br />
                            <form id="demo-form2" data-parsley-validate method="POST"
                                action="{{ route('categories.store') }}" enctype="multipart/form-data"
                                class="form-horizontal form-label-left">
                                @csrf

                                <div class="item form-group">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align" for="name">Numele
                                        Categoriei <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6">
                                        <input type="text" id="name" name="name" class="form-control " required>
                                        @error('name')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="item form-group">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align" for="name_en">Numele
                                        Categoriei (EN)
                                    </label>
                                    <div class="col-md-6 col-sm-6">
                                        <input type="text" id="name_en" name="name_en" class="form-control ">
                                        @error('name_en')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="item form-group" style="display:none">
                                    <label class="control-label col-md-3 col-sm-3 label-align"
                                        for="parent_category">Categoria părinte <span class="required">*</span></label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <select name="parent_category" required="required" id="parent_category"
                                            class="select2 select2_multiple form-control">
                                            @if (!($isSubCategory ?? false))
                                                <option value="0" selected>none</option>
                                            @endif
                                            @foreach ($categories as $category)
                                                <option value="{{ $category->id }}">{{ $category->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('parent_category')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="ln_solid"></div>
                                <div class="item form-group">
                                    <div class="col-md-6 col-sm-6 offset-md-3">
                                        <button style="display:none" class="btn btn-primary"
                                            type="reset">Reseteaza</button>
                                        <button type="submit" class="btn btn-success">Salvează </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection