@extends('dashboard.layouts.app')

@section('title', __('dashboard.Edit Pricing Option'))
@section('page_heading', __('dashboard.Edit Pricing Option'))

@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.tracks.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Tracks') }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.tracks.show', $track) }}" class="text-muted text-hover-primary">{{ $track->name }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.tracks.pricing.index', $track) }}" class="text-muted text-hover-primary">{{ __('dashboard.Pricing Options')}}</a>
</li>

<li class="breadcrumb-item text-muted">{{ __('dashboard.Edit Pricing Option') }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Edit Pricing Option for') }}: {{ $track->name }}</h3>
    </div>
    <div class="card-body">
        <form action="{{ route('dashboard.tracks.pricing.update', [$track, $pricing]) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="mb-3">
                <label for="track_type_id" class="form-label">{{ __('dashboard.Track Type') }}</label>
                <select name="track_type_id" id="track_type_id" class="form-select @error('track_type_id') is-invalid @enderror" required>
                    <option value="">{{ __('dashboard.Select Track Type') }}</option>
                    @foreach($trackTypes as $type)
                    <option value="{{ $type->id }}" {{ old('track_type_id', $pricing->track_type_id) == $type->id ? 'selected' : '' }}>
                        {{ $type->name }}
                    </option>
                    @endforeach
                </select>
                @error('track_type_id')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="pricing_type_id" class="form-label">{{ __('dashboard.Pricing Type') }}</label>
                <select name="pricing_type_id" id="pricing_type_id" class="form-select @error('pricing_type_id') is-invalid @enderror" required>
                    <option value="">{{ __('dashboard.Select Pricing Type') }}</option>
                    @foreach($pricingTypes as $type)
                    <option value="{{ $type->id }}" {{ old('pricing_type_id', $pricing->pricing_type_id) == $type->id ? 'selected' : '' }}>
                        {{ $type->name }}
                    </option>
                    @endforeach
                </select>
                @error('pricing_type_id')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="levels_number" class="form-label">{{ __('dashboard.Levels Number') }}</label>
                <input type="number" name="levels_number" id="levels_number" class="form-control @error('levels_number') is-invalid @enderror" value="{{ old('levels_number', $pricing->levels_number) }}" min="1" required>
                @error('levels_number')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="total_price" class="form-label">{{ __('dashboard.Total Price') }}</label>
                <input type="number" name="total_price" id="total_price" class="form-control @error('total_price') is-invalid @enderror" value="{{ old('total_price', $pricing->total_price) }}" step="0.01" min="0" required>
                @error('total_price')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

             <div class="mb-3 form-check form-switch">
                <input type="checkbox" name="has_discount" id="has_discount" class="form-check-input" value="1" {{ old('has_discount', $pricing->has_discount) ? 'checked' : '' }}>
                <label for="has_discount" class="form-check-label">{{ __('dashboard.Has Discount') }}</label>
            </div>

            <div id="discount-fields" style="{{ old('has_discount', $pricing->has_discount) ? '' : 'display: none;' }}">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="discount_start_date" class="form-label">{{ __('dashboard.Discount Start Date') }}</label>
                            <input type="datetime-local" name="discount_start_date" id="discount_start_date" class="form-control @error('discount_start_date') is-invalid @enderror" value="{{ old('discount_start_date', $pricing->discount_start_date ? $pricing->discount_start_date->format('Y-m-d\TH:i') : null) }}">
                            @error('discount_start_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="discount_end_date" class="form-label">{{ __('dashboard.Discount End Date') }}</label>
                            <input type="datetime-local" name="discount_end_date" id="discount_end_date" class="form-control @error('discount_end_date') is-invalid @enderror" value="{{ old('discount_end_date', $pricing->discount_end_date ? $pricing->discount_end_date->format('Y-m-d\TH:i') : null) }}">
                            @error('discount_end_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                @foreach(config('app.supported_locales') as $locale)
                    <div class="mb-3">
                        <label for="discount_title_{{ $locale }}" class="form-label">{{ __('dashboard.Discount Title') }} ({{ strtoupper($locale) }})</label>
                        <input type="text" name="discount_title[{{ $locale }}]" id="discount_title_{{ $locale }}"
                               class="form-control @error('discount_title.' . $locale) is-invalid @enderror"
                               value="{{ old('discount_title.' . $locale, $pricing->getTranslation('discount_title', $locale)) }}">
                        @error('discount_title.' . $locale)
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="discount_description_{{ $locale }}" class="form-label">{{ __('dashboard.Discount Description') }} ({{ strtoupper($locale) }})</label>
                        <textarea name="discount_description[{{ $locale }}]" id="discount_description_{{ $locale }}"
                                  class="form-control @error('discount_description.' . $locale) is-invalid @enderror">{{ old('discount_description.' . $locale, $pricing->getTranslation('discount_description', $locale)) }}</textarea>
                        @error('discount_description.' . $locale)
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                @endforeach

                <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', $pricing->discount_type) == 'percentage' ? 'selected' : '' }}>{{ __('dashboard.Percentage') }}</option>
                        <option value="fixed" {{ old('discount_type', $pricing->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_amount" class="form-label">{{ __('dashboard.Discount Amount') }}</label>
                    <input type="number" name="discount_amount" id="discount_amount" class="form-control @error('discount_amount') is-invalid @enderror" value="{{ old('discount_amount', $pricing->discount_amount) }}" step="0.01" min="0">
                    @error('discount_amount')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <button type="submit" class="btn btn-primary">{{ __('dashboard.Update') }}</button>
            <a href="{{ route('dashboard.tracks.pricing.index', $track) }}" class="btn btn-secondary">{{ __('dashboard.Back') }}</a>

        </form>
    </div>
</div>
@endsection
@section('scripts')
<script>
    $(document).ready(function() {
        $('#has_discount').on('change', function() {
            if ($(this).is(':checked')) {
                $('#discount-fields').show();
            } else {
                $('#discount-fields').hide();
            }
        });

         $('#pricing_type_id').select2({
                placeholder: "{{__('dashboard.Select an option')}}",
                allowClear: true
            });

        $('#track_type_id').select2({ // Apply to track_type_id as well
            placeholder: "{{__('dashboard.Select an option')}}",
            allowClear: true
        });
    });
</script>
@endsection