@extends(ucfirst(activeGuard()).'.'.layout())
@section('pagetitle', __('trans.categories'))
@section('content')
<form method="POST" action="{{ route(activeGuard() . '.categories.store') }}" enctype="multipart/form-data" >
    @csrf
    <div class="text-center">
        <img src="{{ asset(setting('logo')) }}" class="rounded mx-auto text-center"  id="image"  height="200px">
    </div>
    <input type="hidden" name="parent_id" id="parent_id" class="form-control" value="{{ request('parent_id') }}">
    <div class="row">
        <div class="form-group col-md-6">
            <label for="title_ar">@lang('trans.title_ar')</label>
            <input type="text" name="title_ar" id="title_ar" class="form-control" required>
        </div>
        <div class="form-group col-md-6">
            <label for="title_en">@lang('trans.title_en')</label>
            <input type="text" name="title_en" id="title_en" class="form-control" required>
        </div>

        <div class="form-group col-md-6">
            <label for="visibility">@lang('trans.visibility')</label>
            <select class="form-control" required id="visibility" name="status">
                <option selected value="1">@lang('trans.visible')</option>
                <option value="0">@lang('trans.hidden')</option>
            </select>
        </div>
        
        <div class="col-md-6 col-sm-12">
            <label for="file">{{ __('trans.image') }}</label>
            <input class="form-control w-100" id="file" type="file" name="file" onchange="document.getElementById('image').src = window.URL.createObjectURL(this.files[0])">
            <small class="form-text text-muted">
                {{ __('trans.recommended_size') }}: 200x131 pixels
            </small>
        </div>

        
        <div class="my-1 col-md-6 col-sm-12">
            <label class="my-1">@lang('trans.products')</label>
            <select id="products" class="form-control select2  w-100" multiple name="products[]">
                @foreach($Products as $Product)
                    <option value="{{ $Product['id'] }}">{{ $Product->title() }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-12 my-4">
            <div class="button-group my-4">
                <button type="submit" class="main-btn  btn-hover w-100 text-center">
                    {{ __('trans.Submit') }}
                </button>
            </div>
        </div>
    </div>
</form>


@include('select2')
@endsection