@extends('admin::layouts.master')

@push('styles')
@endpush

@section('content')
@if (count($errors) > 0)
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <ul class="p-0 m-0" style="list-style: none;">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
<div class="card">
    <div class="card-header d-block d-md-flex">
        <h5 class="mb-0 h6">{{ translate('Product Bulk Upload') }}</h5>
    </div>
    <div class="card-body">
        <div class="alert alert-info">
            <h6>Step 1:</h6>
            <ul>
                <li>Download the CSV template and fill it with proper data.</li>
                <li>The template is generated based on your active languages — it includes a <strong>name</strong> and <strong>description</strong> column for each language (e.g. name_en, name_ar, description_en, description_ar).</li>
                <li>Once you have filled the template, upload it in the form below and submit.</li>
                <li>After uploading products, you need to edit them and set product images and choices.</li>
            </ul>
        </div>
        <a href="{{ route('admin.products.bulk_upload_template') }}" class="btn btn-primary">{{ translate('Download CSV Template') }}</a>
        <p></p>
        <div class="alert alert-info">
            <h6>Step 2:</h6>
            <ul>
                <li>English name (<strong>name_en</strong>) is required. Other language name/description fields are optional.</li>
                <li>Attributes, Countries and Categories should be numerical IDs. For multiple entries, use comma-separated values.</li>
                <li>You can download the reference sheet to get IDs.</li>
                <li>Status value should be "draft" or "publish".</li>
                @if(isset($languages))
                <li>Active language columns: {{ $languages->map(fn($l) => 'name_' . strtolower($l->code))->implode(', ') }}, {{ $languages->map(fn($l) => 'description_' . strtolower($l->code))->implode(', ') }}</li>
                @endif
            </ul>
        </div>

        <a href="{{route('admin.products.reference_sheet')}}" class="btn btn-primary">{{ translate('Download Reference Sheet') }}</a>
    </div>
</div>

<div class="card">
    <div class="card-header d-block d-md-flex">
        <h5 class="mb-0 h6">{{ translate('Upload Product File') }}</h5>
    </div>
    <div class="card-body">
        <form class="form-horizontal" action="{{ route('admin.products.bulk_upload_post') }}" method="POST" enctype="multipart/form-data"
        id="product_form">
        @csrf
        <div class="row">
            <div class="col-md-8">

                <input type="file" class="form-control" id="upload_csv" placeholder="Select File" name="upload_csv"
                required>
            </div>
            <div class="col-md-4">
                <button type="submit" class="btn btn-primary">{{ translate('Upload CSV') }}</button>
            </div>
        </div>

        
        </form>
    </div>
</div>
    
    <!--  -->

    <!--  -->
@endsection

@section('modal')
    @include('admin::modals.delete_modal')
    @include('admin::modals.confirm_modal')
    @include('attribute::modals.create_modal')
@endsection

@section('script')
    @include('product::scripts.index_scripts')
@endsection