@extends('layouts.app')

@section('title', '| Utilisateurs')

@section('content')

<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Modification</h1>
    <a href="{{ route('suscriber.index') }}" class="d-none d-sm-inline-block btn btn-sm btn-success shadow-sm"><i class="fas fa-user fa-sm text-white-50"></i>Liste des membres</a>
</div>
<div class="row justify-content-center">
    <div class="col-md-7">
        <!-- User Create Form -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Modifier les informations</h6>
            </div>
            <div class="card-body">
                <form class="user" method="post" action="{{ route('suscriber.update', Crypt::encrypt($suscriber->id))}}">
                    @csrf
                    <div class="form-group row">
                        <div class="col-sm-6 mb-3 mb-sm-0">
                            <input type="text" name="lastName" value="{{ $suscriber->lastName }}" class="form-control form-control-user @error('lastName') is-invalid @enderror" id="exampleFirstName" placeholder="First Name">
                            @error('lastName')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-6">
                            <input type="text" name="firstNames" value="{{ $suscriber->firstNames }}" class="form-control form-control-user @error('firstNames') is-invalid @enderror" id="exampleLastName" placeholder="Last Name">
                            @error('firstNames')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="email" name="email" value="{{ $suscriber->email }}" class="form-control form-control-user @error('email') is-invalid @enderror" id="exampleInputEmail" placeholder="Email Address">
                        @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-6 mb-3 mb-sm-0" style="margin-bottom: 5px!important;">
                            <select name="nationality" value="{{ $suscriber->nationality }}" id="nationality" class="@error('nationality') is-invalid @enderror form-control form-control-user">
                                <option value="Togo">Togo</option>
                                <option value="Togo">Benin</option>
                                <option value="Togo">USA</option>
                                <option value="Togo">Canada</option>
                                <option value="Togo">France</option>
                                <option value="Togo">Chine</option>
                            </select>
                            @error('nationality')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-6 mb-3 mb-sm-0" style="margin-bottom: 5px!important;">
                            <select name="country" value="{{ $suscriber->country }}" id="country" class="@error('country') is-invalid @enderror form-control form-control-user">
                                <option value="Togo">Togo</option>
                                <option value="Togo">Benin</option>
                                <option value="Togo">USA</option>
                                <option value="Togo">Canada</option>
                                <option value="Togo">France</option>
                                <option value="Togo">Chine</option>
                            </select>
                            @error('country')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-6 mb-3 mb-sm-0" style="margin-bottom: 5px!important;">
                            <input type="text" name="birthday" value="{{ $suscriber->birthday }}" class="form-control form-control-user @error('birthday') is-invalid @enderror" id="exampleFirstName" placeholder="birthday">
                            @error('birthday')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-6 mb-3 mb-sm-0">
                            <input type="text" name="phone" value="{{ $suscriber->phone }}" class="form-control form-control-user @error('phone') is-invalid @enderror" id="exampleFirstName" placeholder="Phone">
                            @error('phone')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <hr>
                    <button type="submit" class="btn btn-primary btn-user btn-block">
                        Modifier Membre
                    </button>
                    <hr>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@push('js')
<!-- Page level plugins -->
<script src="{{ asset('assets/vendor/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/vendor/datatables/dataTables.bootstrap4.min.js') }}"></script>

<!-- Page level custom scripts -->
<script src="{{ asset('assets/js/demo/datatables-demo.js') }}"></script>
@endpush