@extends('layouts.app')
@section('title', 'Category Edit')
@section('custom-css')

@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-transparent border-bottom">
                    <h4 class="card-title mb-0">{{ __('pages.Category Edit') }}</h4>
                    <a class="btn btn-primary" href="{{ route('ecommerce.product_type.index') }}">{{ __('pages.Back to list') }}</a>
                </div>
                <div class="card-body">
                    <form id="websiteSettingForm" method="post" action="{{ route('ecommerce.product_type.update',$product_type->id) }}"
                          enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="row g-2 justify-content-center">
                            <div class="col-lg-6 row g-2">
                                <div class="col-sm-12">
                                    <label class="form-label">{{ __('pages.Title') }}</label>
                                    <input
                                            type="text"
                                            name="title"
                                            value="{{ $product_type->title }}"
                                            placeholder="{{ __('pages.Title') }}"
                                            class="form-control"
                                    >
                                    @error('title')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-12">
                                    <label for="image" class="form-label file-selectore">
                                        <span class="label">{{ __('pages.Select category image (size: 140 × 140 px)') }}</span>
                                    </label>
                                    <div class="d-block my-2">
                                        @if($product_type->image)
                                            <img height="250" class="img-fluid"
                                                 src="{{ asset('storage/images/ecommerce/product_type/'.$product_type->image) }}"
                                                 alt="">
                                        @endif
                                    </div>
                                    <input type="file" name="image" id="image">
                                </div>
                                <div class="col-md-12">
                                    <label for="image" class="form-label file-selectore">
                                        <span class="label">{{ __('pages.Select banner image (size: 1350 × 250 px)') }}</span>
                                    </label>
                                    <div class="d-block my-2">
                                        @if($product_type->banner)
                                            <img height="250" class="img-fluid"
                                                 src="{{ asset('storage/images/ecommerce/product_type/'.$product_type->banner) }}"
                                                 alt="">
                                        @endif
                                    </div>
                                    <input type="file" name="banner" id="banner">
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label">{{ __('pages.Sorting') }}</label>
                                    <input
                                            type="number"
                                            value="{{ $product_type->sorting }}"
                                            name="sorting"
                                            placeholder="Enter sorting"
                                            class="form-control"
                                    >
                                    @error('sorting')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label d-block">{{ __('pages.Status') }}</label>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" @if($product_type->status == 'active') checked @endif type="radio" name="status" id="active"
                                               value="active">
                                        <label class="form-check-label" for="active">{{ __('pages.Active') }}</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" @if($product_type->status == 'inactive') checked @endif type="radio" name="status" id="inactive"
                                               value="inactive">
                                        <label class="form-check-label" for="inactive">{{ __('pages.Inactive') }}</label>
                                    </div>
                                    @error('status')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-lg-12">
                                    <div class="row">
                                        <div class="col-lg-6 mb-3">
                                            <div class="form-check">
                                                <input @if($product_type->show_in_home ) checked @endif
                                                class="form-check-input" name="show_in_home" type="checkbox"
                                                       value="1" id="home">
                                                <label class="form-check-label" for="home">
                                                    {{ __('pages.Show in home') }}
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 mb-3">
                                            <div class="form-check">
                                                <input @if($product_type->show_in_menu ) checked @endif class="form-check-input" name="show_in_menu" type="checkbox"
                                                       value="1" id="top-menu">
                                                <label class="form-check-label" for="top-menu">
                                                    {{ __('pages.Show in top menu') }}
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 mb-3">
                                            <div class="form-check">
                                                <input @if($product_type->top_category ) checked @endif class="form-check-input" name="top_category" type="checkbox"
                                                       value="1" id="top-category">
                                                <label class="form-check-label" for="top-category">
                                                    {{ __('pages.Top Category') }}
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="gap-3 mt-2">
                                    <button type="submit"
                                            class="btn btn-primary btn-border btn-success">
                                        <span>{{ __('pages.submit') }} </span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom-js')

@endsection