@extends('layouts.loggedInLayout')
@section('content')

<div class="nxl-content">
    <div class="page-header">
        <div class="page-header-left d-flex align-items-center">
            <div class="page-header-title">
                <h5 class="m-b-10">{{ __('expertise.expertise_management') }}</h5>
            </div>
        </div>
    </div>

    <div class="main-content">
                <div class="col-md-5">
                    <div class="alert alert-info border rounded shadow-sm p-3 mb-4">
                        <h5 class="mb-2"><i class="bi bi-info-circle-fill me-2"></i>{{ __('expertise.expertise_guidelines_title') }}</h5>
                        <p class="mb-0 text-muted">
                            {{ __('expertise.expertise_guidelines_text') }}
                        </p>
                    </div>
                    
                </div>
        <form action="{{ route('expertise.update') }}" method="POST">
            @csrf
            <div class="row">
                @php
                $expertises = [
                    'architecture_information' => __('expertise.architecture_information'),
                    'plan_site' => __('expertise.plan_site'),
                    'prototypage' => __('expertise.prototypage'),
                    'schema_meta_donnees' => __('expertise.schema_meta_donnees'),
                    'vocabulaire' => __('expertise.vocabulaire'),
                    'assurance_qualite' => __('expertise.assurance_qualite'),
                    'support_technique' => __('expertise.support_technique'),
                    'testeur' => __('expertise.testeur'),
                    'conception' => __('expertise.conception'),
                    'conception_sites_web' => __('expertise.conception_sites_web'),
                    'contenu' => __('expertise.contenu'),
                    'correction' => __('expertise.correction'),
                    'redaction' => __('expertise.redaction'),
                    'redaction_marketing' => __('expertise.redaction_marketing'),
                    'traduction' => __('expertise.traduction'),
                    'design' => __('expertise.design'),
                    'courriel' => __('expertise.courriel'),
                    'direction_artistique' => __('expertise.direction_artistique'),
                    'identite_visuelle' => __('expertise.identite_visuelle'),
                    'design_interactif' => __('expertise.design_interactif'),
                    'experience_utilisateur' => __('expertise.experience_utilisateur'),
                    'flux_utilisateurs' => __('expertise.flux_utilisateurs'),
                    'personas' => __('expertise.personas'),
                    'scenarios' => __('expertise.scenarios'),
                    'gestion' => __('expertise.gestion'),
                    'edimestre' => __('expertise.edimestre'),
                    'gestion_produit' => __('expertise.gestion_produit'),
                    'gestion_projet' => __('expertise.gestion_projet'),
                    'gestion_projet_multimedia' => __('expertise.gestion_projet_multimedia'),
                    'gestionnaires_contenu' => __('expertise.gestionnaires_contenu'),
                    'drupal' => __('expertise.drupal'),
                    'joomla' => __('expertise.joomla'),
                    'sharepoint' => __('expertise.sharepoint'),
                    'medias_sociaux' => __('expertise.medias_sociaux'),
                    'sem' => __('expertise.sem'),
                    'net' => __('expertise.net'),
                    'android' => __('expertise.android'),
                    'bases_donnees' => __('expertise.bases_donnees'),
                    'blackberry' => __('expertise.blackberry'),
                    'coldfusion' => __('expertise.coldfusion'),
                    'commerce_electronique' => __('expertise.commerce_electronique'),
                    'flash' => __('expertise.flash'),
                    'integration' => __('expertise.integration'),
                    'intranet' => __('expertise.intranet'),
                    'ios' => __('expertise.ios'),
                    'java' => __('expertise.java'),
                    'javascript' => __('expertise.javascript'),
                    'mobile' => __('expertise.mobile'),
                    'php' => __('expertise.php'),
                    'ruby' => __('expertise.ruby'),
                    'ruby_on_rails' => __('expertise.ruby_on_rails'),
                    'seo' => __('expertise.seo'),
                    'wordpress' => __('expertise.wordpress'),
                    'xml' => __('expertise.xml'),
                    'architecture_systeme' => __('expertise.architecture_systeme'),
                    'configuration_serveurs' => __('expertise.configuration_serveurs'),
                    'hebergement' => __('expertise.hebergement'),
                    'maintenance_systemes' => __('expertise.maintenance_systemes'),
                    'optimisation_systemes' => __('expertise.optimisation_systemes'),
                    'securite_systeme' => __('expertise.securite_systeme'),
                    'usabilite' => __('expertise.usabilite')
                ];
                @endphp

                <div class="col-md-5">
                    <div class="row">
                        @foreach($expertises as $key => $label)
                        <div class="col-md-4 mb-3">
                            <div class="form-check">
                            <input type="checkbox" name="expertises[]" value="{{ $key }}" class="form-check-input"
                            id="{{ $key }}" {{ isset($userExpertises[$key]) && $userExpertises[$key] ? 'checked' : '' }}>
                                <label class="form-check-label" for="{{ $key }}">{{ $label }}</label>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="mt-5">
                        <button type="submit" class="btn btn-primary btn-lg w-100">
                            {{ __('expertise.save_expertises') }}
                        </button>
                    </div>
                </div>
            </div>
        </form>
        </div>
</div>

@endsection