@extends('admin.index')
@section('title')
    {{ translate("bulk_product_add_title") }} -
@endsection
@section('header')
    
@endsection
@section('content')

<div class="row">
    <div class="col-12">
        <div class="content">

            <div class="bg-light p-5">
                <h4>{{ translate("how_it_works") }}</h4>
                <p class="m-0">{{ translate("select_one_photo_per_product") }}</p>
                <p class="m-0"><u>{{ translate("each_photo_means_new_product") }}</u></p>
            </div>

            <form action="" method="POST" enctype="multipart/form-data">
                @csrf
                
                <div class="form-group mb-3">
                    <label for="">{{ translate("product_photos_label") }}</label>
                    <input type="file" name="images[]" class="form-control" multiple>
                </div>
                <div class="form-group mb-3">
                    <label for="category_id">{{ translate("category_label") }}</label>
                    <select class="form-control select2" name="category_id" required>
                        <option selected disabled value="">{{ translate("select_option") }}</option>
                        @foreach ($categories as $item)
                        <option value="{{ $item->id }}" @if ($item->id == old('category_id')) selected @endif>
                            @php
                            $topCategories = Site::topCategoryList($item->id);
                            @endphp
                            @if ( $topCategories != null )
                                @foreach ( $topCategories as $subCategory)
                                    <span>{{ $subCategory->content->name }}</span> -> 
                                @endforeach
                            @endif
                            {{ $item->content->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
                    <label class="form-check-label" for="flexSwitchCheckChecked">{{ translate("use_photos_for_product_names") }}</label>
                </div>
                
                <button type="submit" class="btn btn-primary btn-save">{{ translate("save_button_label") }}</button>
            </form>
            
        </div>
    </div>
</div>

@endsection
@section('footer')

@endsection