@extends('admin.layouts.master-soyuz')
@section('title', __('Edit Hot Deal | '))
@section('body')

@component('admin.component.breadcumb', ['thirdactive' => 'active'])
    @slot('heading'){{ __('Hot Deals') }}@endslot
    @slot('menu1'){{ __('Hot Deals') }}@endslot
    @slot('menu2'){{ __('Edit') }}@endslot
    @slot('button')
        <div class="col-md-6">
            <div class="widgetbar">
                <a href="{{ url('admin/hotdeal') }}" class="btn btn-primary-rgba">
                    <i class="feather icon-arrow-left mr-1"></i>{{ __('Back') }}
                </a>
            </div>
        </div>
    @endslot
@endcomponent

@php
    $linkBy = $hotdeal->simple_pro_id ? 'sp' : 'vp';
    // datetime-local needs the "Y-m-d\TH:i" format. Coerce zero/invalid dates to a sane fallback.
    $startTs = strtotime($hotdeal->start);
    $endTs   = strtotime($hotdeal->end);
    $startVal = $startTs && $startTs > 0 ? date('Y-m-d\TH:i', $startTs) : date('Y-m-d\TH:i');
    $endVal   = $endTs   && $endTs   > 0 ? date('Y-m-d\TH:i', $endTs)   : date('Y-m-d\TH:i', strtotime('+30 days'));
@endphp

<div class="contentbar">
    @if ($errors->any())
        <div class="alert alert-danger" role="alert">
            @foreach($errors->all() as $error)<p class="mb-0">{{ $error }}</p>@endforeach
        </div>
    @endif

    @if(session('success') || session('updated'))
        <div class="alert alert-success" role="alert">{{ session('success') ?? session('updated') }}</div>
    @endif

    <div class="row">
        <div class="col-lg-8">
            <div class="card m-b-30">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="feather icon-zap mr-2 text-primary"></i>{{ __('Edit Hot Deal') }}</h5>
                </div>
                <div class="card-body">
                    <form action="{{ url('admin/hotdeal/' . $hotdeal->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="font-weight-600 mb-2">{{ __('Start Date & Time') }} <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input type="datetime-local" name="start" required class="form-control sh-select-bare" value="{{ $startVal }}">
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="feather icon-calendar"></i></span>
                                    </div>
                                </div>
                                <small class="text-muted">{{ __('When the deal becomes active') }}</small>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="font-weight-600 mb-2">{{ __('Expire Date & Time') }} <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input type="datetime-local" name="end" required class="form-control sh-select-bare" value="{{ $endVal }}">
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="feather icon-calendar"></i></span>
                                    </div>
                                </div>
                                <small class="text-muted">{{ __('Deal automatically ends at this moment') }}</small>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="font-weight-600 mb-2">{{ __('Link Type') }} <span class="text-danger">*</span></label>
                                <select required name="link_by" id="link_by" class="form-control sh-select-bare">
                                    <option value="sp" {{ $linkBy === 'sp' ? 'selected' : '' }}>{{ __('Simple product') }}</option>
                                    <option value="vp" {{ $linkBy === 'vp' ? 'selected' : '' }}>{{ __('Variant product') }}</option>
                                </select>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="font-weight-600 mb-2">{{ __('Status') }}</label><br>
                                <label class="switch">
                                    <input type="checkbox" name="status" value="1" {{ $hotdeal->status == 1 ? 'checked' : '' }}>
                                    <span class="knob"></span>
                                </label>
                                <small class="text-muted d-block mt-2">{{ __('Toggle to activate or pause this hot deal') }}</small>
                            </div>

                            <div class="col-md-12 mb-3 hd-link hd-link-sp" {!! $linkBy === 'sp' ? '' : 'style="display:none;"' !!}>
                                <label class="font-weight-600 mb-2">{{ __('Select Simple Product') }} <span class="text-danger">*</span></label>
                                <select name="simple_pro_id" class="form-control sh-select-bare">
                                    <option value="">{{ __('Choose a simple product') }}</option>
                                    @foreach($simple_products as $key => $sp)
                                        <option value="{{ $key }}" {{ (string) $hotdeal->simple_pro_id === (string) $key ? 'selected' : '' }}>{{ $sp }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-12 mb-3 hd-link hd-link-vp" {!! $linkBy === 'vp' ? '' : 'style="display:none;"' !!}>
                                <label class="font-weight-600 mb-2">{{ __('Select Variant Product') }} <span class="text-danger">*</span></label>
                                <select name="pro_id" class="form-control sh-select-bare">
                                    <option value="">{{ __('Choose a variant product') }}</option>
                                    @foreach($products as $key => $pro)
                                        <option value="{{ $key }}" {{ (string) $hotdeal->pro_id === (string) $key ? 'selected' : '' }}>{{ $pro }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="d-flex" style="gap: 8px;">
                            <button type="submit" {{ env('DEMO_LOCK') == 0 ? '' : 'disabled' }} class="btn btn-primary-rgba">
                                <i class="feather icon-save mr-1"></i> {{ __('Update Hot Deal') }}
                            </button>
                            <a href="{{ url('admin/hotdeal') }}" class="btn btn-danger-rgba">
                                <i class="feather icon-x mr-1"></i> {{ __('Cancel') }}
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card m-b-30">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="feather icon-info mr-2 text-primary"></i>{{ __('How Hot Deals Work') }}</h5>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled small text-muted mb-0" style="line-height: 1.65;">
                        <li class="mb-2">• {{ __('A hot deal highlights a single product with start/end dates.') }}</li>
                        <li class="mb-2">• {{ __('Active deals appear in the storefront homepage Hot Deals rail.') }}</li>
                        <li class="mb-2">• {{ __('Deals automatically stop showing once the expiry date passes.') }}</li>
                        <li class="mb-2">• {{ __('Status off keeps the row but hides it on the storefront.') }}</li>
                        <li>• {{ __('For multi-product campaigns with one banner, use Flash Sales instead.') }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@push('script')
<script>
(function(){
    var sel = document.getElementById('link_by');
    if (!sel) return;
    function paint(){
        var v = sel.value;
        document.querySelectorAll('.hd-link-sp').forEach(function(el){ el.style.display = (v === 'sp') ? '' : 'none'; });
        document.querySelectorAll('.hd-link-vp').forEach(function(el){ el.style.display = (v === 'vp') ? '' : 'none'; });
        // Disable hidden selects so the browser doesn't enforce required on them
        document.querySelectorAll('.hd-link-sp select').forEach(function(s){ s.required = (v === 'sp'); });
        document.querySelectorAll('.hd-link-vp select').forEach(function(s){ s.required = (v === 'vp'); });
    }
    sel.addEventListener('change', paint);
    paint();
})();
</script>
@endpush