M1n1 Shira0ka File Manager

@extends('layouts.app')



@section('content')

    <h2>Edition du membre</h2>

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

        <div class="form-group">

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

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

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

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

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

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

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

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

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

            {!! Form::text('country', $member->country, ['class' => 'form-control']) !!}

            <br>

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

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

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

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

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

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

            @if($member->photo)

                <br>

                <img style="width:200px" src="{{ route('avatar', $member) }}" />

            @endif

        </div>

        <button class="btn btn-primary">Editer</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