@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="card shadow-lg" style="border-radius: 50px;">
                    <div class="card-header">
                        <div class="row justify-content-center">
                            @if (session('message'))
                                <div class="alert alert-warning" role="alert">
                                    {{ session('message') }}
                                </div>
                            @endif

                            @if (session('success'))
                                <div class="alert alert-success" role="alert">
                                    {{ session('success') }}
                                </div>
                            @endif
                            <div class="col-md-12" align="center">
                                <img src="{{asset('images/logo.png')}}">
                            </div>
                            <div class="col-md-12" align="center">
                                <h5 class="card-title mt-5">Bienvenue sur AKOUNTA | Déjà un compte ? <a href="{{ route('login') }}">Connectez-vous!</a> </h5>
                            </div>
                        </div>  
                    </div>
                
                    <div class="card-body bg-blue text-white">
                        <div class="row justify-content-center">
                            <form method="POST" action="{{ route('save_entreprise') }}">
                            @csrf

                                <div class="row justify-content-center">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="name" class="form-label">{{ __("Nom de l'entreprise") }}</label>

                                            <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>

                                            @error('name')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>

                                        <div class="mb-3">
                                            <label for="email" class="form-label">{{ __('Email') }}</label>

                                            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">

                                            @error('email')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>

                                        <div class="mb-3">
                                            <label for="adresse" class="form-label">{{ __('Adresse') }}</label>

                                            <input id="adresse" type="text" class="form-control @error('adresse') is-invalid @enderror" name="adresse" value="{{ old('adresse') }}" required autocomplete="adresse">

                                            @error('adresse')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>

                                        <div class="mb-3">
                                            <label for="telephone" class="form-label">{{ __('Téléphone (Ex: +228 90909090)') }}</label>

                                            <input id="telephone" type="text" class="form-control @error('telephone') is-invalid @enderror" name="telephone" value="{{ old('telephone') }}" required autocomplete="telephone">

                                            @error('telephone')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="rs" class="form-label">{{ __('Raison sociale') }}</label>

                                            <select id="rs" type="text" class="form-select @error('rs') is-invalid @enderror" name="rs" value="{{ old('rs') }}" required autocomplete="rs">
                                                <option>SARLU</option>
                                                <option>SARL</option>
                                                <option>SA</option>
                                                <option>Ets</option>
                                                <option>Autres</option>
                                            </select>

                                            @error('rs')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>

                                        <div class="mb-3">
                                            <label for="rs" class="form-label">{{ __("Activités de l'entreprise") }}</label>

                                            <input id="typeEnt" type="text" class="form-control @error('typeEnt') is-invalid @enderror" name="typeEnt" value="{{ old('typeEnt') }}" required autocomplete="typeEnt">
          

                                            @error('typeEnt')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>

                                        <div class="mb-3">
                                            <label for="mp" class="form-label">{{ __('Mot de passe') }}</label>

                                            <input id="mp" type="password" class="form-control @error('mp') is-invalid @enderror" name="mp" required autocomplete="new-mp">

                                            @error('mp')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>

                                        <div class="mb-3">
                                            <label for="cMp" class="form-label">{{ __('Confirmer le mot de passe') }}</label>

                                            <input id="cMp" type="password" class="form-control" name="cMp" required autocomplete="cMp">
                                        </div>
                                        @error('cMp')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <input type="checkbox" onclick="myFunction()"> Voir le mot de passe
                                </div>   

                                <div class="row justify-content-center mb-0">
                                    <button type="submit" class="btn btn-block btn-primary bg-yellow text-blue">
                                        {{ __("S'inscrire") }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footerjs')
    <script>
        function myFunction() {
          var x = document.getElementById("mp");
          if (x.type === "password") {
            x.type = "text";
          } else {
            x.type = "password";
          }

          var y = document.getElementById("cMp");
              if (y.type === "password") {
                y.type = "text";
              } else {
                y.type = "password";
              }
        }

        $(window).on('load', function() {
            // When the page is fully loaded, hide the preloader
            $(".preloader").fadeOut("slow");
        });
    </script>
@endsection