@extends('layouts.default')

@section('title', 'Editar Seguimiento')

@section('header_styles')
    <!-- Estilos específicos -->
    <link rel="stylesheet" href="{{ asset('css/pages.css') }}">
@stop

@section('content')
<section class="content-header">
    <div aria-label="breadcrumb" class="card-breadcrumb">
        <h1>Editar Seguimiento</h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('alumnos.index') }}">Alumnos</a></li>
            <li class="breadcrumb-item active" aria-current="page">Editar Seguimiento</li>
        </ol>
    </div>
    <div class="separator-breadcrumb border-top"></div>
</section>

<section class="content">
    <!-- Tabs con Íconos -->
    <div class="card mt-4">
        <div class="card-header">
            <h5 class="text-primary">Editar Seguimiento</h5>
        </div>
        <div class="card-body">
            <ul class="nav nav-tabs pt-15" id="seguimientoTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="datos-tab" data-bs-toggle="tab" href="#datos" role="tab" aria-controls="datos" aria-selected="true">
                        <i class="im im-icon-Profile"></i> Datos Principales
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="medidas-tab" data-bs-toggle="tab" href="#medidas" role="tab" aria-controls="medidas" aria-selected="false">
                        <i class="im im-icon-Ruler-Vertical"></i> Medidas Corporales
                    </a>
                </li>
            </ul>

            <div class="tab-content py-3" id="seguimientoTabContent">
                <!-- Datos Principales -->
                <div class="tab-pane fade show active" id="datos" role="tabpanel" aria-labelledby="datos-tab">
                    <form action="{{ route('seguimientos.update', $seguimiento->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <div class="row">
                            <div class="col-md-6">
                                <label for="fecha" class="form-label">Fecha</label>
                                <input type="date" id="fecha" name="fecha" value="{{ $seguimiento->fecha }}" class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label for="peso" class="form-label">Peso</label>
                                <input type="number" step="0.01" id="peso" name="peso" value="{{ $seguimiento->peso }}" class="form-control">
                            </div>
                            <div class="col-md-6 mt-3">
                                <label for="imc" class="form-label">IMC</label>
                                <input type="number" step="0.01" id="imc" name="imc" value="{{ $seguimiento->imc }}" class="form-control">
                            </div>
                            <div class="col-md-6 mt-3">
                                <label for="masa_muscular" class="form-label">Masa Muscular</label>
                                <input type="number" step="0.01" id="masa_muscular" name="masa_muscular" value="{{ $seguimiento->masa_muscular }}" class="form-control">
                            </div>
                            <div class="col-md-6 mt-3">
                                <label for="porcentaje_grasa" class="form-label">% Grasa Corporal</label>
                                <input type="number" step="0.01" id="porcentaje_grasa" name="porcentaje_grasa" value="{{ $seguimiento->porcentaje_grasa }}" class="form-control">
                            </div>
                            <div class="col-md-6 mt-3">
                                <label for="porcentaje_masa_muscular" class="form-label">% Masa Muscular</label>
                                <input type="number" step="0.01" id="porcentaje_masa_muscular" name="porcentaje_masa_muscular" value="{{ $seguimiento->porcentaje_masa_muscular }}" class="form-control">
                            </div>
                            <div class="col-md-6 mt-3">
                                <label for="porcentaje_agua" class="form-label">% Agua</label>
                                <input type="number" step="0.01" id="porcentaje_agua" name="porcentaje_agua" value="{{ $seguimiento->porcentaje_agua }}" class="form-control">
                            </div>
                            <div class="col-md-6 mt-3">
                                <label for="metabolismo_basal" class="form-label">Metabolismo Basal</label>
                                <input type="number" step="0.01" id="metabolismo_basal" name="metabolismo_basal" value="{{ $seguimiento->metabolismo_basal }}" class="form-control">
                            </div>
                            <div class="col-md-6 mt-3">
                                <label for="grasa_visceral" class="form-label">Grasa Visceral</label>
                                <input type="number" step="0.01" id="grasa_visceral" name="grasa_visceral" value="{{ $seguimiento->grasa_visceral }}" class="form-control">
                            </div>
                            <div class="col-md-6 mt-3">
                                <label for="masa_magra_corporal" class="form-label">Masa Magra Corporal</label>
                                <input type="number" step="0.01" id="masa_magra_corporal" name="masa_magra_corporal" value="{{ $seguimiento->masa_magra_corporal }}" class="form-control">
                            </div>
                            
                        </div>
                    </form>
                </div>

                <!-- Medidas Corporales -->
                <div class="tab-pane fade" id="medidas" role="tabpanel" aria-labelledby="medidas-tab">
                    <div class="row">
                        @php
                            $fields = [
                                'cintura' => 'Cintura',
                                'pierna_derecha' => 'Pierna Derecha',
                                'pierna_izquierda' => 'Pierna Izquierda',
                                'brazo_derecho' => 'Brazo Derecho',
                                'brazo_izquierdo' => 'Brazo Izquierdo',
                                'masa_magra_corporal' => 'Masa Magra Corporal',
                                'masa_osea' => 'Masa Ósea',
                                'masa_grasa_corporal' => 'Masa Grasa Corporal',
                            ];
                        @endphp

                        @foreach ($fields as $key => $label)
                            <div class="col-md-6 mt-3">
                                <label for="{{ $key }}" class="form-label">{{ $label }}</label>
                                <input type="number" step="0.01" id="{{ $key }}" name="{{ $key }}" value="{{ $seguimiento->$key }}" class="form-control">
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="mt-4 text-center">
                <button type="submit" class="btn btn-primary">Guardar Cambios</button>
            </div>
        </div>
    </div>
</section>
@stop

@section('footer_scripts')
    <script>
        // Aquí puedes agregar scripts adicionales si es necesario
    </script>
@stop