@extends('app')

@push('css')
<style>
    .container {
        max-width: 1240px !important;
    }

</style>
@endpush

@section('container')
<h1>Jeanette y Carlos</h1>

<h3 style="color: #00cde8;">Creacion de invitado</h3>

<section class="intro" style="margin-top: 30px;">
    <div class="gradient-custom-2 h-100">
        <div class="mask d-flex align-items-center h-100">
            <div class="container">
                <div class="row justify-content-center">
                <form action="{{ route('jeanette.carlos.update.guest', ['weddingGuest' => $guest->id]) }}" method="POST">
                        @csrf   
                        @method('PUT')
                        <div class="form-group">
                            <label for="name">Nombre:</label>
                            <input type="text" class="form-control" id="name" name="name" value="{{ $guest->name }}"required>
                        </div>
                        <div class="row" style="padding-top: 20px;">
                            <div class="form-group col-md-2">
                                <label for="normal_tickets">Entradas normales:</label>
                                <input type="number" class="form-control" id="normal_tickets" name="normal_tickets" value="{{ $guest->normal_tickets }}" required min="1">
                            </div>
                            <div class="form-group col-md-2">
                                <label for="child_tickets">Entradas para niños:</label>
                                <input type="number" class="form-control" id="child_tickets" name="child_tickets" value="{{ $guest->child_tickets }}">
                            </div>
                            <div class="form-group col-md-8" style="padding-top: 20px;">
                                <label>Género:</label>
                                <div class="form-check-inline">
                                    <input class="form-check-input" type="radio" name="genre" id="male" value="m" required {{ ($guest->genre == "m") ? "checked" : ""}}>
                                    <label class="form-check-label" for="male">
                                        Masculino
                                    </label>
                                </div>
                                <div class="form-check-inline">
                                    <input class="form-check-input" type="radio" name="genre" id="female" value="f" required {{ ($guest->genre == "f") ? "checked" : ""}}>
                                    <label class="form-check-label" for="female">
                                        Femenino
                                    </label>
                                </div>
                                <div class="form-check-inline">
                                    <input class="form-check-input" type="radio" name="genre" id="family" value="o" required {{ ($guest->genre == "o") ? "checked" : ""}}>
                                    <label class="form-check-label" for="family">
                                        Familia
                                    </label>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Actualizar</button>
                    </form>

                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
    
@endpush