@extends('layouts.admin')
@section('title', $pageTitle)

@section('content')
    @include('include.admin.toast')

    <div class="page-header d-print-none">
        <div class="container-xl">
            <div class="row g-2 align-items-center">
                <div class="col">
                    @include('include.admin.breadcrumbs', [
                        'module' => __('plan'),
                    ])
                </div>
            </div>
        </div>
    </div>
    <div class="page-body">
        <div class="container-xl">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('admin.plan.store') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div>
                                    <label class="form-label">{{ __('Name') }}</label>
                                    <input type="text" class="form-control @error('name') is-invalid @enderror"
                                        placeholder="Enter Name" name="name" minlength="3" maxlength='64' required
                                        value="{{ old('name') }}" autofocus>
                                    @error('name')
                                        <small class="invalid-feedback">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div>
                                    <label class="form-label">{{ __('Currencies') }}</label>
                                    <select name="currency" class="form-select @error('currency') is-invalid @enderror"
                                        required>
                                        <option value="">{{ __('Please Select Option') }}</option>
                                        @foreach ($currencies as $currency)
                                            <option value="{{ $currency->code }}" @selected(old('currency'))>
                                                {{ $currency->name }} - {{ $currency->code }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('currency')
                                        <small class="invalid-feedback">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div>
                                    <label class="form-label">{{ __('Monthly Amount') }}</label>
                                    <input type="number" class="form-control @error('amount_month') is-invalid @enderror"
                                        placeholder="Enter monthly amount" name="amount_month"
                                        value="{{ old('amount_month') }}" required>
                                    @error('amount_month')
                                        <small class="invalid-feedback">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div>
                                    <label class="form-label">{{ __('Yearly Amount') }}</label>
                                    <input type="number" class="form-control @error('amount_year') is-invalid @enderror"
                                        placeholder="Enter yearly amount" name="amount_year"
                                        value="{{ old('amount_year') }}" required>
                                    @error('amount_year')
                                        <small class="invalid-feedback">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div>
                                    <label class="form-label">{{ __('Tax Rates') }}</label>
                                    <select class="form-select @error('tax_rates') is-invalid @enderror" name="tax_rates[]"
                                        value="{{ old('tax_rates') }}" size="3" multiple>
                                        <option value="">{{ __('None') }}</option>
                                        @foreach ($taxRates as $taxRate)
                                            <option value="{{ $taxRate->id }}" @selected(in_array($taxRate->id, old('tax_ratess', [])))>
                                                {{ $taxRate->name }}
                                                ({{ number_format($taxRate->percentage, 2, __('.'), __(',')) }}%
                                                {{ $taxRate->type ? __('Exclusive') : __('Inclusive') }})
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('tax_rates')
                                        <small class="invalid-feedback">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div>
                                    <label class="form-label">{{ __('Coupons') }}</label>
                                    <select class="form-select @error('coupons') is-invalid @enderror" name="coupons[]"
                                        value="{{ old('coupons') }}" size="3" multiple>
                                        <option value="">{{ __('None') }}</option>
                                        @foreach ($coupons as $coupon)
                                            <option value="{{ $coupon->id }}">
                                                {{ $coupon->name }}
                                                ({{ number_format($coupon->percentage, 2, __('.'), __(',')) }}%
                                                {{ $coupon->type ? __('Redeemable') : __('Discount') }})
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('coupons')
                                        <small class="invalid-feedback">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div>
                                    <label class="form-label">{{ __('Description') }}</label>
                                    <textarea type="text" class="form-control @error('description') is-invalid @enderror" placeholder="Enter Description"
                                        name="description" minlength="3" maxlength='256' required>{{ old('description') }}</textarea>
                                    @error('description')
                                        <small class="invalid-feedback">
                                            {{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>

                            <h5 class="mb-3 mt-3"><span>{{ __('Features') }}</span></h5>

                            <div class="row">
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('Text Chat') }}</label>
                                        <select class="form-select @error('features.text_chat') is-invalid @enderror"
                                            name="features[text_chat]" required value="{{ old('features.text_chat') }}">
                                            @foreach ([1 => __('On'), 0 => __('Off')] as $key => $value)
                                                <option value="{{ $key }}"
                                                    @if (old('features.text_chat') == $key) selected @endif>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                        @error('features.text_chat')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('File Sharing') }}</label>
                                        <select class="form-select @error('features.file_share') is-invalid @enderror"
                                            name="features[file_share]" required value="{{ old('features.file_share') }}">
                                            @foreach ([1 => __('On'), 0 => __('Off')] as $key => $value)
                                                <option value="{{ $key }}"
                                                    @if (old('features.file_share') == $key) selected @endif>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                        @error('features.file_share')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('Screen Sharing') }}</label>
                                        <select class="form-select @error('features.screen_share') is-invalid @enderror"
                                            name="features[screen_share]" required
                                            value="{{ old('features.screen_share') }}">
                                            @foreach ([1 => __('On'), 0 => __('Off')] as $key => $value)
                                                <option value="{{ $key }}"
                                                    @if (old('features.screen_share') == $key) selected @endif>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                        @error('features.screen_share')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('Whiteboard') }}</label>
                                        <select class="form-select @error('features.whiteboard') is-invalid @enderror"
                                            name="features[whiteboard]" required value="{{ old('features.whiteboard') }}">
                                            @foreach ([1 => __('On'), 0 => __('Off')] as $key => $value)
                                                <option value="{{ $key }}"
                                                    @if (old('features.whiteboard') == $key) selected @endif>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                        @error('features.whiteboard')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('Hand Raise') }}</label>
                                        <select class="form-select @error('features.hand_raise') is-invalid @enderror"
                                            name="features[hand_raise]" required
                                            value="{{ old('features.hand_raise') }}">
                                            @foreach ([1 => __('On'), 0 => __('Off')] as $key => $value)
                                                <option value="{{ $key }}"
                                                    @if (old('features.hand_raise') == $key) selected @endif>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                        @error('features.hand_raise')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('Recording') }}</label>
                                        <select class="form-select @error('features.recording') is-invalid @enderror"
                                            name="features[recording]" required value="{{ old('features.recording') }}">
                                            @foreach ([1 => __('On'), 0 => __('Off')] as $key => $value)
                                                <option value="{{ $key }}"
                                                    @if (old('features.recording') == $key) selected @endif>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                        @error('features.recording')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('Number of Meetings') }}</label>
                                        <input type="number" name="features[meeting_no]"
                                            class="form-control @error('features.meeting_no') is-invalid @enderror"
                                            required value="{{ old('features.meeting_no') ?? '' }}"
                                            placeholder="{{ __('-1 for Unlimited') }}">
                                        @error('features.meeting_no')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('Time limit') }}</label>
                                        <input type="number" name="features[time_limit]"
                                            class="form-control @error('features.time_limit') is-invalid @enderror"
                                            required value="{{ old('features.time_limit') ?? '' }}"
                                            placeholder="{{ __('-1 for Unlimited') }}">
                                        @error('features.time_limit')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('User limit') }}</label>
                                        <input type="number" name="features[user_limit]"
                                            class="form-control @error('features.user_limit') is-invalid @enderror"
                                            required value="{{ old('features.user_limit') ?? '' }}"
                                            placeholder="{{ __('-1 for Unlimited') }}">
                                        @error('features.user_limit')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('AI Chatbot') }}</label>
                                        <select class="form-select @error('features.chatgpt') is-invalid @enderror"
                                            name="features[chatgpt]" required value="{{ old('features.chatgpt') }}">
                                            @foreach ([1 => __('On'), 0 => __('Off')] as $key => $value)
                                                <option value="{{ $key }}"
                                                    @if (old('features.chatgpt') == $key) selected @endif>
                                                    {{ $value }}</option>
                                            @endforeach
                                        </select>
                                        @error('features.chatgpt')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <div>
                                        <label class="form-label">{{ __('Video Quality') }}</label>
                                        <select class="form-select @error('features.video_quality') is-invalid @enderror"
                                            name="features[video_quality]" required
                                            value="{{ old('features.video_quality') }}">
                                            <option value="VGA" @if (old('features.video_quality') == 'VGA') selected @endif>
                                                {{ __('VGA') }}</option>
                                            <option value="HD" @if (old('features.video_quality') == 'HD') selected @endif>
                                                {{ __('HD') }}</option>
                                            <option value="FHD" @if (old('features.video_quality') == 'FHD') selected @endif>
                                                {{ __('FHD') }}</option>
                                            <option value="4K" @if (old('features.video_quality') == '4K') selected @endif>
                                                {{ __('4K') }}</option>
                                        </select>
                                        @error('features.video_quality')
                                            <small class="invalid-feedback">
                                                {{ $message }}
                                            </small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="d-md-flex align-items-center">
                                <div class="ms-auto mt-3 mt-md-0">
                                    <a href="{{ route('admin.plan') }}"><button type="button" class="btn btn-1 gap-6">
                                            {{ __('Back') }}
                                        </button></a>
                                </div>
                                <div class="ms-2 mt-3 mt-md-0">
                                    <button type="submit" class="btn btn-primary gap-6">
                                        {{ __('Save') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection