@extends('layouts.login')

@section('content')
<!-- BEGIN LOGIN FORM -->
<form class="login-form" method="POST" action="{{ route('admin.login.submit') }}">
    {{ csrf_field() }}
    <h3 class="form-title font-green">Admin Connexion</h3>
    <div class="alert alert-danger display-hide">
        <button class="close" data-close="alert"></button>
        <span> Entrez un nom d'utilisateur et un mot de passe. </span>
    </div>
    <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
        <label class="control-label visible-ie8 visible-ie9">Email</label>
        <input id="email" class="form-control form-control-solid placeholder-no-fix" type="email" autocomplete="off" placeholder="Email" name="email" value="{{ old('email') }}" required autofocus /> 
    </div>
    <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
        <label class="control-label visible-ie8 visible-ie9">Mot de passe</label>
        <input id="password" class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Mot de passe" name="password" required="" />
        @if ($errors->has('password'))
            <span class="help-block">
                <strong>{{ $errors->first('password') }}</strong>
            </span>
        @endif 
    </div>
    <div class="form-actions">
        <button type="submit" class="btn green uppercase">S'identifier</button>
        <label class="rememberme check mt-checkbox mt-checkbox-outline">
            <input type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }}> Souviens-toi de moi
            <span></span>
        </label>
        <a href="javascript:;" id="forget-password" class="forget-password">Mot de passe oublié ?</a>
    </div>
    <div class="login-options">
        <h4>Ou connectez-vous avec</h4>
        <ul class="social-icons">
            <li>
                <a class="social-icon-color facebook" data-original-title="facebook" href="javascript:;"></a>
            </li>
            <li>
                <a class="social-icon-color twitter" data-original-title="Twitter" href="javascript:;"></a>
            </li>
            <li>
                <a class="social-icon-color googleplus" data-original-title="Goole Plus" href="javascript:;"></a>
            </li>
            <li>
                <a class="social-icon-color linkedin" data-original-title="Linkedin" href="javascript:;"></a>
            </li>
        </ul>
    </div>
    <div class="create-account">
        <p>
            <a href="javascript:;" id="register-btn" class="uppercase">Créer un compte</a>
        </p>
    </div>
</form>
<!-- END LOGIN FORM -->
<!-- BEGIN FORGOT PASSWORD FORM -->
<form class="forget-form"  method="POST" action="{{ url('/password/reset') }}">
    <h3 class="font-green">Mot de passe oublié ?</h3>
    <p> Entrez votre adresse e-mail ci-dessous pour réinitialiser votre mot de passe. </p>
    <div class="form-group">
        <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email" /> </div>
    <div class="form-actions">
        <button type="button" id="back-btn" class="btn green btn-outline">Retour</button>
        <button type="submit" class="btn btn-success uppercase pull-right">Valider</button>
    </div>
</form>
<!-- END FORGOT PASSWORD FORM -->
<!-- BEGIN REGISTRATION FORM -->
<form class="register-form" method="POST" action="{{ route('register') }}">
    {{ csrf_field() }}
    <h3 class="font-green">Inscription</h3>
    <p class="hint"> Entrez vos informations personnelles ci-dessous: </p>
    <div class="form-group{{ $errors->has('title') ? ' has-error' : '' }}">
        <label class="control-label visible-ie8 visible-ie9">Titre</label>
        <select name="title" class="form-control placeholder-no-fix">
            <option value="Mr">Mr</option>
            <option value="Ms">Mme</option>
            <option value="Miss">Mlle</option>
        </select>

        @if ($errors->has('title'))
            <span class="help-block">
                <strong>{{ $errors->first('title') }}</strong>
            </span>
        @endif 
    </div>
    <div class="form-group{{ $errors->has('lastname') ? ' has-error' : '' }}">
        <label for="lastname" class="control-label visible-ie8 visible-ie9">Nom</label>
        <input class="form-control placeholder-no-fix" type="text" placeholder="Nom" name="lastname" value="{{ old('lastname') }}" required autofocus /> 
        @if ($errors->has('lastname'))
            <span class="help-block">
                <strong>{{ $errors->first('lastname') }}</strong>
            </span>
        @endif
    </div>
    <div class="form-group{{ $errors->has('firstname') ? ' has-error' : '' }}">
        <label for="firstname" class="control-label visible-ie8 visible-ie9">Prenom</label>
        <input class="form-control placeholder-no-fix" type="text" placeholder="Prenom" name="firstname" value="{{ old('firstname') }}" required autofocus /> 
        @if ($errors->has('firstname'))
            <span class="help-block">
                <strong>{{ $errors->first('firstname') }}</strong>
            </span>
        @endif 
    </div>
    <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
        <label for="email" class="control-label visible-ie8 visible-ie9">Email</label>
        <input class="form-control placeholder-no-fix" type="email" placeholder="Prenom" name="email" value="{{ old('email') }}" required autofocus /> 
        @if ($errors->has('email'))
            <span class="help-block">
                <strong>{{ $errors->first('email') }}</strong>
            </span>
        @endif 
    </div>
    <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
        <label for="phone" class="control-label visible-ie8 visible-ie9">Téléphone</label>
        <input class="form-control placeholder-no-fix" type="text" placeholder="Téléphone" name="phone" value="{{ old('phone') }}" required autofocus /> 
        @if ($errors->has('phone'))
            <span class="help-block">
                <strong>{{ $errors->first('phone') }}</strong>
            </span>
        @endif 
    </div>
    <div class="form-group{{ $errors->has('address') ? ' has-error' : '' }}">
        <label for="address" class="control-label visible-ie8 visible-ie9">Adresse</label>
        <input class="form-control placeholder-no-fix" type="text" placeholder="Adresse" name="address" value="{{ old('address') }}" required autofocus /> 
        @if ($errors->has('address'))
            <span class="help-block">
                <strong>{{ $errors->first('address') }}</strong>
            </span>
        @endif 
    </div>
    <div class="form-group{{ $errors->has('country') ? ' has-error' : '' }}">
        <label class="control-label visible-ie8 visible-ie9">Pays</label>
        <select name="country" class="form-control">
            <option value="maroc">Maroc</option>
        </select>

        @if ($errors->has('country'))
            <span class="help-block">
                <strong>{{ $errors->first('country') }}</strong>
            </span>
        @endif
    </div>
    <div class="form-group{{ $errors->has('city') ? ' has-error' : '' }}">
        <label class="control-label visible-ie8 visible-ie9">Ville</label>
        <select name="city" class="form-control">
            <option value="marrakech">Marrakech</option>
        </select>

        @if ($errors->has('city'))
            <span class="help-block">
                <strong>{{ $errors->first('city') }}</strong>
            </span>
        @endif
    </div>
    <div class="form-group{{ $errors->has('birthday') ? ' has-error' : '' }}">
        <label for="birthday" class="control-label visible-ie8 visible-ie9">Date de naissance</label>
        <input class="form-control placeholder-no-fix" type="date" placeholder="Date de naissance" name="birthday" value="{{ old('birthday') }}" required autofocus /> 
        @if ($errors->has('birthday'))
            <span class="help-block">
                <strong>{{ $errors->first('birthday') }}</strong>
            </span>
        @endif 
    </div>
    <p class="hint"> Entrez les détails de votre compte ci-dessous: </p>
    <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
        <label for="password" class="control-label visible-ie8 visible-ie9">Password</label>
        <input class="form-control placeholder-no-fix" id="password" type="password" class="form-control" name="password" required autocomplete="off"  placeholder="Password" /> 
        @if ($errors->has('password'))
            <span class="help-block">
                <strong>{{ $errors->first('password') }}</strong>
            </span>
        @endif
    </div>
    <div class="form-group">
        <label for="password-confirm" class="control-label visible-ie8 visible-ie9">Retaper votre mot de passe</label>
        <input id="password-confirm" type="password" name="password_confirmation" required class="form-control placeholder-no-fix" autocomplete="off" placeholder="Retaper votre mot de passe" /> 
    </div>
    <div class="form-group margin-top-20 margin-bottom-20">
        <label class="mt-checkbox mt-checkbox-outline">
            <input type="checkbox" name="remember" value="1" /> Sevenire de moi
            <!-- <input type="checkbox" name="tnc" /> je suis d'accord avec les
            <a href="javascript:;">Conditions d'utilisation </a> &
            <a href="javascript:;">Politique de confidentialité </a> -->
            <span></span>
        </label>
        <div id="register_tnc_error"> </div>
    </div>
    <div class="form-actions">
        <button type="button" id="register-back-btn" class="btn green btn-outline">Annuler</button>
        <button type="submit" id="register-submit-btn" class="btn btn-success uppercase pull-right">Créer un compte</button>
    </div>
</form>
<!-- END REGISTRATION FORM -->

@endsection