{% extends 'base.html.twig' %}

{% block title %}Déchocage Patient{% endblock %}

{% block body %}
<div class="bg-gray-50 min-h-screen py-8">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <!-- En-tête -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-6">
            <div class="flex items-center justify-between">
                <div>
                    <h1 class="text-3xl font-bold text-teleavc-blue">Fiche de Déchocage</h1>
                    <p class="text-gray-600 mt-2">Évaluation NIHSS et GCS du patient</p>
                </div>
            </div>
        </div>

        <!-- Informations Patient -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-6">
            <h2 class="text-xl font-semibold text-teleavc-blue mb-4 flex items-center">
                <svg class="w-6 h-6 mr-2" fill="currentColor" viewBox="0 0 20 20">
                    <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"></path>
                </svg>
                Patient
            </h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <p class="text-gray-600">Nom complet</p>
                    <p class="text-lg font-medium">{{ patient.nom }} {{ patient.prenom }}</p>
                </div>
                <div>
                    <p class="text-gray-600">Âge</p>
                    <p class="text-lg font-medium">{{ date().diff(date(patient.dateNaissance)).y }} ans</p>
                </div>
                <div>
                    <p class="text-gray-600">Sexe</p>
                    <p class="text-lg font-medium">{{ patient.sexe }}</p>
                </div>
                <div>
                    <p class="text-gray-600">Heure symptômes</p>
                    <p class="text-lg font-medium">{{ patient.heureSymptome|date('H:i') }}</p>
                </div>
                <div>
                    <p class="text-gray-600">Date création</p>
                    <p class="text-lg font-medium">{{ patient.dateCreation|date() }}</p>
                </div>
            </div>
        </div>

        <!-- Formulaire Déchocage -->
        <div class="bg-white rounded-lg shadow-md p-6">
            {{ form_start(form, {'attr': {'class': 'space-y-6'}}) }}
            
            <!-- Nature des Symptômes -->
            <div class="space-y-2">
                {{ form_label(form.natureSymptomes, 'Nature des Symptômes', {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
                {{ form_widget(form.natureSymptomes, {
                    'attr': {
                        'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teleavc-lightblue focus:border-transparent text-lg'
                    }
                }) }}
                {{ form_errors(form.natureSymptomes) }}
            </div>
            
            <!-- Médicaments Pris -->
            <div class="space-y-2">
                {{ form_label(form.medicamentsPris, 'Médicaments Pris', {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
                {{ form_widget(form.medicamentsPris, {
                    'attr': {
                        'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teleavc-lightblue focus:border-transparent text-lg',
                        'rows': 3
                    }
                }) }}
                {{ form_errors(form.medicamentsPris) }}
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <!-- Score NIHSS -->
                <div class="space-y-2">
                    {{ form_label(form.nihss, 'Score NIHSS', {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
                    {{ form_widget(form.nihss, {
                        'attr': {
                            'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teleavc-lightblue focus:border-transparent text-lg',
                            'min': 0,
                            'max': 42,
                            'step': 0.1
                        }
                    }) }}
                    {{ form_errors(form.nihss) }}
                    <p class="text-xs text-gray-500">Score entre 0 et 42</p>
                </div>
                
                <!-- Score GCS -->
                <div class="space-y-2">
                    {{ form_label(form.gcs, 'Score GCS', {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
                    {{ form_widget(form.gcs, {
                        'attr': {
                            'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teleavc-lightblue focus:border-transparent text-lg',
                            'min': 3,
                            'max': 15,
                            'step': 0.1
                        }
                    }) }}
                    {{ form_errors(form.gcs) }}
                    <p class="text-xs text-gray-500">Score entre 3 et 15</p>
                </div>
            </div>
            
            <!-- Résultats -->
            <div class="space-y-2">
                {{ form_label(form.resultats, 'Résultats et Observations', {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
                {{ form_widget(form.resultats, {
                    'attr': {
                        'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-teleavc-lightblue focus:border-transparent text-lg',
                        'rows': 5
                    }
                }) }}
                {{ form_errors(form.resultats) }}
            </div>
            
            <!-- Boutons -->
            <div class="flex flex-col sm:flex-row gap-4 pt-6 border-t border-gray-200">
                <button type="submit" class="flex-1 bg-teleavc-blue hover:bg-blue-800 text-white font-bold py-4 px-6 rounded-lg text-lg transition duration-300 shadow-md flex items-center justify-center">
                    <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                    </svg>
                    Enregistrer le Déchocage
                </button>
            </div>
            
            {{ form_end(form) }}
        </div>
    </div>
</div>
{% endblock %}