@extends('front.layouts.master')

@section('title', 'Login')

@section('content')
    <div class="authorization-block">
        <h1 class="authorization-title">want to create with <span class="text-logo"><img alt="Glucojel" src="{{asset('assets/front/images/logo02.svg')}}"></span>?</h1>
        <div class="authorization-holder">
            <div class="authorization-col signup-col">
                <h2>sign up below</h2>
                <div class="authorization-box">
                    {{--<a href="{{url('sign_fb')}}" class="btn-facebook">
                        <span class="facebook-box">
                            <span class="icon icon-facebook"></span>
                        </span>
                        <span>Sign up with Facebook</span>
                    </a>--}}
                    @if(isset($fb_error))
                        <div class="has-error">
                            <span class="error-message">{{$fb_error}}</span>
                        </div>
                    @endif
                
                    {{--<div class="divider">
                        <span>OR</span>
                    </div>--}}
                    <form action="{{url('signup')}}" class="authorization-form" method="post">
                        <div class="row">
                                                        <div class="col {{$colClass}}">
                                <label for="first-name">First name</label>
                                <input type="text" id="first-name" name="first_name" placeholder="First name" value="{{$value}}">
                                @if(!empty($errors)) <span class="error-message">{{$errors}}</span>@endif
                            </div>
                
                                                        <div class="col {{$colClass}}">
                                <label for="last-name">Last name</label>
                                <input type="text" id="last-name" name="last_name" placeholder="Last name" value="{{$value}}">
                                @if(!empty($errors)) <span class="error-message">{{$errors}}</span>@endif
                            </div>
                        </div>
                        <div class="row">
                                                        <div class="col {{$colClass}}">
                                <label for="email">Email address</label>
                                <input type="email" id="email" name="email" placeholder="Email address" value="{{$value}}">
                                @if(!empty($errors)) <span class="error-message">{{$errors}}</span>@endif
                            </div>
                
                                                        <div class="col {{$colClass}}">
                                <label for="phone">Phone</label>
                                <input type="text" id="phone" name="phone" placeholder="Phone" value="{{$value}}">
                                @if(!empty($errors)) <span class="error-message">{{$errors}}</span>@endif
                            </div>
                        </div>
                        <div class="row">
                                                        <div class="col {{$colClass}}">
                                <label for="pharmacy">Pharmacy</label>
                                <input type="text" id="pharmacy" name="pharmacy" placeholder="Pharmacy" value="{{$value}}">
                                @if(!empty($errors)) <span class="error-message">{{$errors}}</span>@endif
                            </div>
                
                                                        <div class="col {{$colClass}}">
                                <label for="state">State</label>
                                <select id="state" name="state">
                                    @foreach(\App\Models\State::all() as $key=>$state)
                                        <option value="{{$state->id}}" @if($value == $state->id) selected @endif>{{$state->name}} </option>
                                    @endforeach
                                </select>
                                @if(!empty($errors)) <span class="error-message">{{$errors}}</span>@endif
                            </div>
                        </div>
                        <div class="row">
                                                        <div class="col {{$colClass}}">
                                <label for="user-name">User name</label>
                                <input type="text" id="user-name" name="user_name" placeholder="User name" value="{{$value}}">
                                @if(!empty($errors)) <span class="error-message">{{$errors}}</span>@endif
                            </div>
                
                                                        <div class="col {{$colClass}}">
                                <label for="pass">Password</label>
                                <input type="password" id="pass" name="password" placeholder="Password" value="{{$value}}">
                                @if(!empty($errors)) <span class="error-message">{{$errors}}</span>@endif
                            </div>
                        </div>
                        <div class="row checkbox-row">
                            <input type="checkbox" id="remember-signup" name="remember_token" value="remember me">
                            <label for="remember-signup">Remember me</label>
                        </div>
                        <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                        @if(isset($fb_user['fb_id'])) <input type="hidden" name="fb_id" value="{{ $fb_user['fb_id'] }}"/> @endif
                        <input type="submit" class="btn-blue" value="Sign up" name="signup">
                    </form>
                    {{--<div class="box-caption">
                        <p>Already signed up? <a href="{{url('login')}}">Login here</a></p>
                    </div>--}}
                </div>
            </div>
            <div class="authorization-col login-col">
                <h2>login below</h2>
                <div class="authorization-box">
                    {{--<a href="{{url('sign_fb')}}" class="btn-facebook">
                        <span class="facebook-box">
                            <span class="icon icon-facebook"></span>
                        </span>
                        <span>Login with Facebook</span>
                    </a>--}}
                    @if(isset($fb_error))
                        <div class="has-error">
                            <span class="error-message">{{$fb_error}}</span>
                        </div>
                    @endif
                    {{--<div class="divider">
                        <span>OR</span>
                    </div>--}}
                    <form action="{{url('login')}}" class="authorization-form" method="post">
                        <div class="row">
                            <div class="col @if(isset($loginErrors)) has-error @endif">
                                <label for="user-name-login">User name</label>
                                <input type="text" id="user-name-login" name="user_name" placeholder="User name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col @if(isset($loginErrors)) has-error @endif">
                                <label for="pass-login">Password</label>
                                <input type="password" id="pass-login" name="password" placeholder="Password">
                                @if(isset($loginErrors)) <span class="error-message">{{$loginErrors}}</span> @endif
                            </div>
                        </div>
                        <a href="#" class="forgot-link link-tablet">Forgot user name or password?</a>
                        <div class="row checkbox-row">
                            <input type="checkbox" id="remember-login" name="remember">
                            <label for="remember-login">Remember me</label>
                        </div>
                        <a href="#" class="forgot-link">Forgot user name or password?</a>
                        <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                        <input type="submit" class="btn-blue" value="Login">
                    </form>
                    {{--<div class="box-caption">
                        <p>Don't have a login? <a href="{{url('signup')}}">Sign up here</a></p>
                    </div>--}}
                </div>
            </div>
        </div>
    </div>
@stop

@section('prizes')
    {{--<a href="#prizes-popup" class="win-link win-lightbox">
        <div class="image">
            <img src="{{asset('assets/front/images/img02.svg')}}" alt="image description">
            <span class="bags-ico">
                <img src="{{asset('assets/front/images/img40.png')}}" height="115" width="88"
                     alt="image description">
            </span>
        </div>
    </a>--}}
@stop