@extends('layouts.app')
@section('title', 'Add Category')
@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">{{ __('Category Create') }}</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.store') }}"
                          enctype="multipart/form-data">
                        <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"
                                            placeholder="Enter 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>
                                    <input type="file" class="d-block my-2" name="image" id="image">
                                </div>
                                <div class="col-md-12">
                                    <label for="banner" class="form-label file-selectore">
                                        <span class="label">{{ __('pages.Select banner image (size: 1350 × 250 px)') }}</span>
                                    </label>
                                    <input type="file" class="d-block my-2" name="banner" id="banner">
                                </div>

                                @php
                                    $sorting = \App\Models\Ecommerce\ProductType::count();
                                @endphp
                                <div class="col-sm-6">
                                    <label class="form-label">{{ __('pages.Sorting') }}</label>
                                    <input
                                            value="{{$sorting +1 }}"
                                            type="number"
                                            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" checked 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" 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 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 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 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