@extends("admin.layouts.app")

@section("page-header")
    <div class="section-header">
        <h1>Categories</h1>
        <div class="section-header-breadcrumb">
            <div class="breadcrumb-item active"><a href="#">Admin</a></div>
            <div class="breadcrumb-item"><a href="{{route("admin.category.index")}}">Categories</a></div>
            <div class="breadcrumb-item">{{$category->category_names["en"]}} ({{$category->category_names["ar"]}})</div>
            <div class="breadcrumb-item">Edit</div>
        </div>
    </div>
@endsection

@section("content")
    <div class="section-body">
        <h2 class="section-title">Edit Category</h2>

        <div class="row">
            <div class="col-12 col-md-6 col-lg-10 m-auto">
                <form action="{{route("admin.category.update",$category->id)}}" method="post">
                    @csrf
                    @method("put")
                    <div class="card">
                        <div class="card-header">
                            <h4>Edit Category</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Category English Name</label>
                                        <input type="text" name="category_name_en"
                                               class="form-control @if($errors->has("category_name_en"))is-invalid @endif"
                                               value="{{inputValue("category_name_en", $category, "category_names", "en")}}">
                                        @error("category_name_en")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label>Category Arabic Name</label>
                                        <input type="text" name="category_name_ar"
                                               class="form-control @if($errors->has("category_name_ar"))is-invalid @endif"
                                               value="{{inputValue("category_name_ar", $category, "category_names", "ar")}}">
                                        @error("category_name_ar")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-8">
                                    <div class="form-group">
                                        <label class="form-label">Type Of Category</label>
                                        <div class="selectgroup w-100">
                                            <label class="selectgroup-item">
                                                <input type="radio" name="type" value="1" class="selectgroup-input" {{checked("type", 1, $category)}}>
                                                <span class="selectgroup-button">Sale</span>
                                            </label>
                                            <label class="selectgroup-item">
                                                <input type="radio" name="type" value="2" class="selectgroup-input" {{checked("type", 2, $category)}}>
                                                <span class="selectgroup-button">Rent</span>
                                            </label>
                                        </div>
                                        @error("type")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-10 col-md-10">
                                    <div class="form-group">
                                        <label class="form-label">Advertisers relation in post</label>
                                        <div class="selectgroup selectgroup-pills @if($errors->has("advertisers_types"))is-invalid @endif">
                                            @foreach($advertisersTypes as $type)
                                                <label class="selectgroup-item">
                                                    <input type="checkbox" name="advertisers_types[]" value="{{$type->id}}" class="selectgroup-input" @if(isset($advertisersTypesSelected[$type->id]) || (isset($categoryAdvertisersTypes[$type->id]) && !isset($advertisersTypesSelected))) checked @endif>
                                                    <span class="selectgroup-button">{{$type->title_en . " (" . $type->title_ar . ")"}}</span>
                                                </label>
                                            @endforeach
                                        </div>
                                        @error("advertisers_types")
                                        <div class="invalid-feedback">
                                            {{$message}}
                                        </div>
                                        @enderror
                                    </div>

                                </div>


                            </div>
                        </div>
                        <div class="card-footer text-right">
                            <button class="btn btn-primary submit-button" type="submit">Save</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section("js-scripts")
    <script src="../assets/js/page/index-0.js"></script>
@endsection