@extends('dashboard.layouts.app')

@section('title', __('dashboard.Create Coupon'))
@section('page_heading', __('dashboard.Create Coupon'))

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.coupons.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Coupons') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">{{ __('dashboard.Create Coupon') }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Create Coupon') }}</h3>
    </div>
    <div class="card-body">
        <form action="{{ route('dashboard.coupons.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="row">
                <div class="col-md-4">
                    <div class="mb-4">
                        <h5 class="mb-3">{{ __('dashboard.Promoter') }}</h5>
                        <hr>
                    </div>
                    <div class="mb-3">
                        <label for="user_id" class="form-label">{{ __('dashboard.User') }}</label>
                        <select name="user_id" id="user_id" class="form-select select2-user @error('user_id') is-invalid @enderror">
                            <option value="">{{ __('dashboard.Choose User') }}</option>
                        </select>
                        @error('user_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3">
                        <label for="commission_percentage" class="form-label">{{ __('dashboard.Commission Percentage') }}</label>
                        <input type="number" name="commission_percentage" id="commission_percentage" class="form-control @error('commission_percentage') is-invalid @enderror" placeholder="{{ __('dashboard.Enter commission percentage') }}" value="{{ old('commission_percentage') }}" min="0" max="100" step="0.01">
                        @error('commission_percentage')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-4">
                                <h5 class="mb-3">{{ __('dashboard.Coupon Details') }}</h5>
                                <hr>
                            </div>
                            <div class="mb-3">
                                <label for="code" class="form-label">{{ __('dashboard.Code') }}</label>
                                <input type="text" name="code" id="code" class="form-control @error('code') is-invalid @enderror" placeholder="{{ __('dashboard.Enter code') }}" value="{{ old('code') }}" required>
                                @error('code')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="discount_type" class="form-label">{{ __('dashboard.Discount Type') }}</label>
                                <select name="discount_type" id="discount_type" class="form-select @error('discount_type') is-invalid @enderror">
                                    <option value="percentage" {{ old('discount_type') == 'percentage' ? 'selected' : '' }}>{{ __('dashboard.Percentage') }}</option>
                                    <option value="fixed" {{ old('discount_type') == 'fixed' ? 'selected' : '' }}>{{ __('dashboard.Fixed') }}</option>
                                </select>
                                @error('discount_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="discount_value" class="form-label">{{ __('dashboard.Discount Value') }}</label>
                                <input type="number" name="discount_value" id="discount_value" class="form-control @error('discount_value') is-invalid @enderror" placeholder="{{ __('dashboard.Enter discount value') }}" value="{{ old('discount_value') }}" required>
                                @error('discount_value')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-4">
                                <h5 class="mb-3">{{ __('dashboard.Usage Limits') }}</h5>
                                <hr>
                            </div>
                            <div class="mb-3">
                                <label for="max_uses_per_user" class="form-label">{{ __('dashboard.Max Uses Per User') }}</label>
                                <input type="number" name="max_uses_per_user" id="max_uses_per_user" class="form-control @error('max_uses_per_user') is-invalid @enderror" placeholder="{{ __('dashboard.Enter max uses per user') }}" value="{{ old('max_uses_per_user') }}">
                                @error('max_uses_per_user')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="max_uses" class="form-label">{{ __('dashboard.Max Uses') }}</label>
                                <input type="number" name="max_uses" id="max_uses" class="form-control @error('max_uses') is-invalid @enderror" placeholder="{{ __('dashboard.Enter max uses') }}" value="{{ old('max_uses') }}">
                                @error('max_uses')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-4">
                                <h5 class="mb-3">{{ __('dashboard.Validity') }}</h5>
                                <hr>
                            </div>
                            <div class="mb-3">
                                <label for="start_date" class="form-label">{{ __('dashboard.Start Date') }}</label>
                                <input type="date" name="start_date" id="start_date" class="form-control @error('start_date') is-invalid @enderror" value="{{ old('start_date') }}" required>
                                @error('start_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="end_date" class="form-label">{{ __('dashboard.End Date') }}</label>
                                <input type="date" name="end_date" id="end_date" class="form-control @error('end_date') is-invalid @enderror" value="{{ old('end_date') }}" required>
                                @error('end_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-4">
                                <h5 class="mb-3">{{ __('dashboard.Applicability') }}</h5>
                                <hr>
                            </div>
                            <div class="mb-3">
                                <label for="applicability" class="form-label">{{ __('dashboard.Applicability') }}</label>
                                <select name="applicability" id="applicability" class="form-select @error('applicability') is-invalid @enderror">
                                    <option value="all" {{ old('applicability') == 'all' ? 'selected' : '' }}>{{ __('dashboard.All') }}</option>
                                    <option value="specific" {{ old('applicability') == 'specific' ? 'selected' : '' }}>{{ __('dashboard.Specific') }}</option>
                                </select>
                                @error('applicability')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="is_active" class="form-label">{{ __('dashboard.Is Active') }}</label>
                                <select name="is_active" id="is_active" class="form-select @error('is_active') is-invalid @enderror">
                                    <option value="1" {{ old('is_active', 1) == '1' ? 'selected' : '' }}>{{ __('dashboard.Yes') }}</option>
                                    <option value="0" {{ old('is_active', 0) == '0' ? 'selected' : '' }}>{{ __('dashboard.No') }}</option>
                                </select>
                                @error('is_active')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="first_order_only" class="form-label">{{ __('dashboard.First Order Only') }}</label>
                                <select name="first_order_only" id="first_order_only" class="form-select @error('first_order_only') is-invalid @enderror">
                                    <option value="1" {{ old('first_order_only') == '1' ? 'selected' : '' }}>{{ __('dashboard.Yes') }}</option>
                                    <option value="0" {{ old('first_order_only', 0) == '0' ? 'selected' : '' }}>{{ __('dashboard.No') }}</option>
                                </select>
                                @error('first_order_only')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Specific Filters -->
            <div class="row specific-fields d-none">
                <div class="col-12">
                    <div class="mb-4">
                        <h5 class="mb-3">{{ __('dashboard.Specific Filters') }}</h5>
                        <hr>
                    </div>
                </div>

                <!-- Applies To -->
                <div class="mb-3">
                    <label class="form-label">{{ __('dashboard.Applies To') }}:</label><br>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" name="applies_to[]" id="apply_to_tracks" value="tracks" {{ in_array('tracks', old('applies_to', [])) ? 'checked' : '' }}>
                        <label class="form-check-label" for="apply_to_tracks">{{ __('dashboard.Tracks') }}</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" name="applies_to[]" id="apply_to_placement_tests" value="placement_tests" {{ in_array('placement_tests', old('applies_to', [])) ? 'checked' : '' }}>
                        <label class="form-check-label" for="apply_to_placement_tests">{{ __('dashboard.Placement Tests') }}</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" name="applies_to_gift_calls" id="apply_to_gift_calls" value="1" {{ old('applies_to_gift_calls') ? 'checked' : '' }}>
                        <label class="form-check-label" for="apply_to_gift_calls">{{ __('dashboard.Gift Calls') }}</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" name="applies_to_discussion_groups" id="apply_to_discussion_groups" value="1" {{ old('applies_to_discussion_groups') ? 'checked' : '' }}>
                        <label class="form-check-label" for="apply_to_discussion_groups">{{ __('dashboard.Discussion Groups') }}</label>
                    </div>
                </div>

                <!-- Track Filters -->
                <div class="mb-3" id="track_filters_container" style="display: none;">
                    <label class="form-label">{{ __('dashboard.Track Filters') }}</label><br>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="track_filters[]" value="all_tracks" id="all_tracks" {{ in_array('all_tracks', old('track_filters', [])) ? 'checked' : '' }}>
                        <label class="form-check-label" for="all_tracks">{{ __('dashboard.All Tracks') }}</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="track_filters[]" value="specific_categories" id="specific_track_categories" {{ in_array('specific_categories', old('track_filters', [])) ? 'checked' : '' }}>
                        <label class="form-check-label" for="specific_track_categories">{{ __('dashboard.Specific Track Categories') }}</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="track_filters[]" value="specific_tracks" id="specific_tracks" {{ in_array('specific_tracks', old('track_filters', [])) ? 'checked' : '' }}>
                        <label class="form-check-label" for="specific_tracks">{{ __('dashboard.Specific Tracks') }}</label>
                    </div>
                </div>

                <!-- Track Categories -->
                <div class="mb-3" id="track_categories_container" style="display: none;">
                    <label class="form-label">{{ __('dashboard.Track Categories') }}</label><br>
                    @foreach($trackCategories as $category)
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="track_category_ids[]" value="{{ $category->id }}" id="track_category_{{ $category->id }}" {{ in_array($category->id, old('track_category_ids', [])) ? 'checked' : '' }}>
                            <label class="form-check-label" for="track_category_{{ $category->id }}">{{ $category->name }}</label>
                        </div>
                    @endforeach
                    @error('track_category_ids')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Specific Tracks -->
                <div class="mb-3" id="tracks_container" style="display: none;">
                    <label for="track_ids" class="form-label">{{ __('dashboard.Tracks') }}</label>
                    <select name="track_ids[]" id="track_ids" multiple class="form-select select2-tracks">
                        @foreach($tracks as $track)
                            <option value="{{ $track->id }}" @selected(in_array($track->id, old('track_ids', [])))>{{ $track->name }}</option>
                        @endforeach
                    </select>
                    @error('track_ids')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Placement Test Filters -->
                <div class="mb-3" id="placement_test_filters_container" style="display: none;">
                    <label class="form-label">{{ __('dashboard.Placement Test Filters') }}</label><br>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="placement_test_filters[]" value="all_tests" id="all_tests" {{ in_array('all_tests', old('placement_test_filters', [])) ? 'checked' : '' }}>
                        <label class="form-check-label" for="all_tests">{{ __('dashboard.All Placement Tests') }}</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="placement_test_filters[]" value="specific_categories" id="specific_test_categories" {{ in_array('specific_categories', old('placement_test_filters', [])) ? 'checked' : '' }}>
                        <label class="form-check-label" for="specific_test_categories">{{ __('dashboard.Specific Test Categories') }}</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="placement_test_filters[]" value="specific_tests" id="specific_tests" {{ in_array('specific_tests', old('placement_test_filters', [])) ? 'checked' : '' }}>
                        <label class="form-check-label" for="specific_tests">{{ __('dashboard.Specific Tests') }}</label>
                    </div>
                </div>

                <!-- Placement Test Categories -->
                <div class="mb-3" id="placement_test_categories_container" style="display: none;">
                    <label class="form-label">{{ __('dashboard.Placement Test Categories') }}</label><br>
                    @foreach($testCategories as $category)
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="placement_test_category_ids[]" value="{{ $category->id }}" id="placement_test_category_{{ $category->id }}" {{ in_array($category->id, old('placement_test_category_ids', [])) ? 'checked' : '' }}>
                            <label class="form-check-label" for="placement_test_category_{{ $category->id }}">{{ $category->name }}</label>
                        </div>
                    @endforeach
                    @error('placement_test_category_ids')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Specific Placement Tests -->
                <div class="mb-3" id="placement_tests_container" style="display: none;">
                    <label for="placement_test_ids" class="form-label">{{ __('dashboard.Placement Tests') }}</label>
                    <select name="placement_test_ids[]" id="placement_test_ids" multiple class="form-select select2-placement-tests">
                        @foreach($placementTests as $test)
                            <option value="{{ $test->id }}" @selected(in_array($test->id, old('placement_test_ids', [])))>{{ $test->name }}</option>
                        @endforeach
                    </select>
                    @error('placement_test_ids')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <!-- Payment Methods -->
            <div class="mb-3">
                <label for="payment_method_ids" class="form-label">{{ __('dashboard.Payment Methods') }}</label>
                <select name="payment_method_ids[]" id="payment_method_ids" multiple class="form-select select2-payment-methods @error('payment_method_ids') is-invalid @enderror">
                    @foreach($paymentMethods as $method)
                        <option value="{{ $method->id }}" @selected(in_array($method->id, old('payment_method_ids', [])))>{{ $method->name }}</option>
                    @endforeach
                </select>
                @error('payment_method_ids')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <button type="submit" class="btn btn-primary">{{ __('dashboard.Create') }}</button>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(function() {
    function toggleSpecificFields() {
        $('.specific-fields').toggleClass('d-none', $('#applicability').val() !== 'specific');
        if ($('#applicability').val() !== 'specific') resetSpecificFields();
    }

    function resetSpecificFields() {
        $('input[name="applies_to[]"]').prop('checked', false);
        $('input[name="track_filters[]"]').prop('checked', false);
        $('input[name="placement_test_filters[]"]').prop('checked', false);
        $('input[name="track_category_ids[]"]').prop('checked', false);
        $('#track_ids').val(null).trigger('change');
        $('input[name="placement_test_category_ids[]"]').prop('checked', false);
        $('#placement_test_ids').val(null).trigger('change');
        $('#apply_to_gift_calls').prop('checked', false);
        $('#apply_to_discussion_groups').prop('checked', false);
    }

    function toggleSelectionFields() {
        $('#track_filters_container').toggle($('#apply_to_tracks').is(':checked'));
        $('#track_categories_container').toggle($('#apply_to_tracks').is(':checked') && $('#specific_track_categories').is(':checked'));
        $('#tracks_container').toggle($('#apply_to_tracks').is(':checked') && $('#specific_tracks').is(':checked'));
        $('#placement_test_filters_container').toggle($('#apply_to_placement_tests').is(':checked'));
        $('#placement_test_categories_container').toggle($('#apply_to_placement_tests').is(':checked') && $('#specific_test_categories').is(':checked'));
        $('#placement_tests_container').toggle($('#apply_to_placement_tests').is(':checked') && $('#specific_tests').is(':checked'));

        if (!$('#apply_to_tracks').is(':checked')) {
            $('input[name="track_filters[]"]').prop('checked', false);
            $('input[name="track_category_ids[]"]').prop('checked', false);
            $('#track_ids').val(null).trigger('change');
        }
        if (!$('#apply_to_placement_tests').is(':checked')) {
            $('input[name="placement_test_filters[]"]').prop('checked', false);
            $('input[name="placement_test_category_ids[]"]').prop('checked', false);
            $('#placement_test_ids').val(null).trigger('change');
        }
    }

    $('#applicability').change(toggleSpecificFields);
    toggleSpecificFields();

    $('input[name="applies_to[]"]').change(toggleSelectionFields);
    $('input[name="track_filters[]"]').change(toggleSelectionFields);
    $('input[name="placement_test_filters[]"]').change(toggleSelectionFields);
    toggleSelectionFields();

    $('.select2-user').select2({
        ajax: {
            url: '{{ route("dashboard.coupons.search.users") }}',
            dataType: 'json',
            delay: 250,
            data: params => ({ term: params.term, page: params.page || 1 }),
            processResults: (data, params) => ({
                results: data.results,
                pagination: { more: (params.page * data.per_page) < data.total }
            }),
            cache: true
        },
        placeholder: '{{ __("dashboard.Choose User") }}',
        allowClear: true,
        minimumInputLength: 0,
        language: '{{ app()->getLocale() }}',
    });

    $('.select2-payment-methods').select2({
        placeholder: '{{ __("dashboard.Choose Payment Methods") }}',
        allowClear: true,
        language: '{{ app()->getLocale() }}',
    });

    $('.select2-tracks').select2({
        ajax: {
            url: '{{ route("dashboard.coupons.search.tracks") }}',
            dataType: 'json',
            delay: 250,
            data: params => ({ term: params.term, page: params.page || 1 }),
            processResults: (data, params) => ({
                results: data.results,
                pagination: { more: (params.page * data.per_page) < data.total }
            }),
            cache: true
        },
        placeholder: '{{ __("dashboard.Choose Tracks") }}',
        allowClear: true,
        minimumInputLength: 0,
        language: '{{ app()->getLocale() }}',
    });

    $('.select2-placement-tests').select2({
        ajax: {
            url: '{{ route("dashboard.coupons.search.placement.tests") }}',
            dataType: 'json',
            delay: 250,
            data: params => ({ term: params.term, page: params.page || 1 }),
            processResults: (data, params) => ({
                results: data.results,
                pagination: { more: (params.page * data.per_page) < data.total }
            }),
            cache: true
        },
        placeholder: '{{ __("dashboard.Choose Placement Tests") }}',
        allowClear: true,
        minimumInputLength: 0,
        language: '{{ app()->getLocale() }}',
    });
});
</script>
@endsection