@extends('layouts.app')

@push('scripts')
<script src="{{ asset('js/translations.js') }}"></script>
@endpush

@section('content')
    <div class="page">
        <div class="page-inner">
            <header class="page-title-bar">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="{{ route('admin.profiles.index') }}"><i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Profiles') }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ __('Create Profile') }}</li>
                    </ol>
                </nav>
                <h1 class="page-title">{{ __('Create New Profile') }}</h1>
            </header>

            <div class="page-section">
                <section class="card card-fluid">
                    <div class="card-body">
                        <form method="POST" action="{{ route('admin.profiles.store') }}">
                            @csrf

                            <div class="form-group">
                                <label for="profilename">{{ __('Profile Name') }} <span class="text-danger">*</span></label>
                                @include('components.translatable-input', [
                                    'name' => 'profilename',
                                    'type' => 'text',
                                    'model' => null,
                                    'required' => true,
                                ])
                                @error('profilename')
                                    <div class="text-danger small">{{ $message }}</div>
                                @enderror
                                @error('profilename.en')
                                    <div class="text-danger small">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="form-group">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" name="show_in_teams" id="show_in_teams" class="custom-control-input" 
                                        value="1" {{ old('show_in_teams', true) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="show_in_teams">
                                        {{ __('Show in teams') }}
                                    </label>
                                </div>
                                <small class="form-text text-muted">
                                    {{ __('When enabled, this profile will be available for selection when creating or editing teams.') }}
                                </small>
                            </div>

                            <div class="form-group">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" name="global" id="global" class="custom-control-input" 
                                        value="1" {{ old('global', false) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="global">
                                        {{ __('Global (reusable)') }}
                                    </label>
                                </div>
                                <small class="form-text text-muted">
                                    {{ __('When enabled, this profile can be combined with others in teams and users may be asked to reuse existing results. Use for profiles that do not change quickly (e.g., motivation profiles). Disable for one-time assessments (e.g., team scans, behavioural assessments).') }}
                                </small>
                            </div>

                            <hr>

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

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="price">{{ __('Facilitator Price (excl. VAT)') }}</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">&euro;</span>
                                            </div>
                                            <input type="number" step="0.01" min="0" class="form-control" id="price" name="price" 
                                                value="{{ old('price') }}" placeholder="0.00">
                                        </div>
                                        <small class="form-text text-muted">
                                            {{ __('Wholesale price for facilitators, excluding VAT.') }}
                                        </small>
                                        @error('price')
                                            <div class="text-danger small">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="ext_price">{{ __('Consumer Price (incl. VAT)') }}</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">&euro;</span>
                                            </div>
                                            <input type="number" step="0.01" min="0" class="form-control" id="ext_price" name="ext_price" 
                                                value="{{ old('ext_price') }}" placeholder="0.00">
                                        </div>
                                        <small class="form-text text-muted">
                                            {{ __('Retail price for end consumers, including VAT.') }}
                                        </small>
                                        @error('ext_price')
                                            <div class="text-danger small">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <hr>
                            <div class="form-actions">
                                <a href="{{ route('admin.profiles.index') }}" class="btn btn-secondary">{{ __('Cancel') }}</a>
                                <button type="submit" class="btn btn-primary">{{ __('Create Profile') }}</button>
                            </div>
                        </form>
                    </div>
                </section>
            </div>
        </div>
    </div>
@endsection