M1n1 Shira0ka File Manager

@extends('layouts.app')



@section('content')

    <h2>Ajouter un membre</h2>

    {!! Form::open(['method' => 'post', 'url' => route('member.store'), 'enctype' => 'multipart/form-data']) !!}

    <div class="form-group">

        {!! Form::label('lastname', 'Nom') !!}

        {!! Form::text('lastname', null, ['class' => 'form-control']) !!}

        {!! Form::label('firstname', 'Prénom') !!}

        {!! Form::text('firstname', null, ['class' => 'form-control']) !!}

        {!! Form::label('tel', 'Téléphone') !!}

        {!! Form::text('tel', null, ['class' => 'form-control']) !!}

        {!! Form::label('email', 'Email') !!}

        {!! Form::text('email', null, ['class' => 'form-control']) !!}

        {!! Form::label('country', 'Pays') !!}

        {!! Form::text('country', null, ['class' => 'form-control']) !!}<br>

        {!! Form::label('gym', 'Gym + Recorvery') !!}

        {!! Form::checkbox('gym', '1') !!}<br>

        {!! Form::label('crossfit', 'Recorvery') !!}

        {!! Form::checkbox('crossfit', '1') !!}<br>

        {!! Form::label('photo', 'Photo') !!}

        {!! Form::file('photo', null, ['class' => 'form-control']) !!}

    </div>

    <button class="btn btn-primary">Ajouter</button>



    {!! Form::close() !!}
    <script type="application/javascript">
        document.addEventListener('DOMContentLoaded', () => {
            // On sélectionne les deux checkboxes par leur attribut 'name'
            const check1 = document.querySelector('input[name="gym"]');
            const check2 = document.querySelector('input[name="crossfit"]');

            // Fonction pour gérer l'exclusion mutuelle
            const handleCheck = (current, other) => {
                current.addEventListener('change', () => {
                    if (current.checked) {
                        other.checked = false;
                    }
                });
            };

            // On applique la logique aux deux éléments
            handleCheck(check1, check2);
            handleCheck(check2, check1);
        });

    </script>


@endsection