@extends('client.auth')
@section('title')
    {{ trans('login.login') }}
@endsection

@section('content')
    <div style="width: 100%;height: 100px;box-shadow: 0px 0px 15px -6px rgb(113, 113, 113);background-color: white;margin-top: 25px">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div style="padding-top: 10px;">
                        @if(!empty(\App\Models\Setting::where('setting_key','company_logo')->first()->setting_value))
                            <img src="{{ url(asset('uploads/'.\App\Models\Setting::where('setting_key','company_logo')->first()->setting_value)) }}"
                                 class="" height="72"/>
                        @else
                            <h3>{{ \App\Models\Setting::where('setting_key','company_name')->first()->setting_value }}</h3>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container"
         style="@if(!empty(\App\Models\Setting::where('setting_key','client_login_background')->first()->setting_value))
                 background-image: url({{asset('uploads/'.\App\Models\Setting::where('setting_key','client_login_background')->first()->setting_value)}}); min-height: 400px;
         @else
                 background-image: url({{asset('assets/dist/img/login_image.jpg')}}); min-height: 400px;

         @endif
                 ">
        @if(Session::has('flash_notification.message'))
            <script>toastr.{{ Session::get('flash_notification.level') }}('{{ Session::get("flash_notification.message") }}', 'Response Status')</script>
        @endif
        @if (isset($msg))
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-success">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{ $msg }}
                    </div>
                </div>
            </div>
        @endif
        @if (isset($error))
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-error">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{ $error }}
                    </div>
                </div>
            </div>
        @endif
        @if (count($errors) > 0)
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        @endif
        <div class="row">
            <div class="col-md-6">
                <div style="background-color: rgba(255, 255, 255, 0.8); border-radius: 8px; margin: 40px 0 0 5px; padding: 15px; width: 100%;">
                    <p class="login-box-msg">{{ \App\Models\Setting::where('setting_key','welcome_note')->first()->setting_value }}</p>
                    @if(\App\Models\Setting::where('setting_key', 'allow_client_login')->first()->setting_value == 1)
                        {!! Form::open(array('url' => url('client'), 'method' => 'post', 'name' => 'form','class'=>'login-form')) !!}


                        <div class="form-group has-feedback">
                            {!! Form::text('username', null, array('class' => 'form-control', 'placeholder'=>translate('username'),'required'=>'required')) !!}
                            <span class="glyphicon glyphicon-user form-control-feedback"></span>
                        </div>
                        <div class="form-group has-feedback">
                            {!! Form::password('password', array('class' => 'form-control', 'placeholder'=>translate('password'),'required'=>'required')) !!}
                            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                        </div>
                        <div class="row">
                            <div class="col-xs-8">
                                <div class="checkbox icheck">
                                    <label>
                                        <input type="checkbox" name="remember"
                                               value="1"> {{ translate('remember') }}
                                    </label>
                                </div>
                            </div>
                            <!-- /.col -->
                            <div class="col-xs-4">
                                <button type="submit"
                                        class="btn btn-primary btn-block btn-flat">{{ translate('login') }}</button>
                            </div>
                            <!-- /.col -->
                        </div>
                        <a href="javascript:;" id="forget-password">{{ translate('forgot_password') }}</a><br>
                        @if(\App\Models\Setting::where('setting_key','allow_self_registration')->first()->setting_value==1)
                            <a href="javascript:;" id="register-btn">{{ translate('register_account_msg') }}</a><br>
                        @endif
                        {!! Form::close() !!}
                        {!! Form::open(array('url' => url('client_reset'), 'method' => 'post', 'name' => 'form','class'=>'forget-form ')) !!}
                        <p class="login-box-msg">{{ translate('forgot_password_msg') }}</p>

                        <div class="form-group has-feedback">
                            {!! Form::email('email', null, array('class' => 'form-control', 'placeholder'=>translate('email'),'required'=>'required')) !!}
                            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                        </div>
                        <div class="row">
                            <div class="col-xs-8">
                                <div class="">
                                    <a href="javascript:;" class="btn btn-primary  btn-flat" id="back-btn"><i
                                                class="fa fa-backward"></i> {{ translate('back') }}</a>
                                </div>
                            </div>
                            <!-- /.col -->
                            <div class="col-xs-4">
                                <button type="submit"
                                        class="btn btn-primary btn-block btn-flat">{{ translate('reset') }}</button>
                            </div>
                            <!-- /.col -->
                        </div>
                        {!! Form::close() !!}
                        {!! Form::open(array('url' => url('client_register'), 'method' => 'post', 'name' => 'form','class'=>'register-form ')) !!}
                        <p class="login-box-msg">{{ translate('register_account_msg') }}</p>
                        <div class="form-group">
                            {!! Form::label('first_name',translate('first_name'),array('class'=>'')) !!}
                            {!! Form::text('first_name',null, array('class' => 'form-control', 'placeholder'=>translate('first_name'),'required'=>'required')) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('last_name',translate('last_name'),array('class'=>'')) !!}
                            {!! Form::text('last_name',null, array('class' => 'form-control', 'placeholder'=>translate('last_name'),'required'=>'required')) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('gender',translate('gender'),array('class'=>'')) !!}
                            {!! Form::select('gender',array('Male'=>translate('Male'),'Female'=>translate('Female')),'Male', array('class' => 'form-control','required'=>'required')) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('mobile',translate('mobile'),array('class'=>'')) !!}
                            {!! Form::text('mobile',null, array('class' => 'form-control', 'placeholder'=>translate('numbers_only'))) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('email',translate('email'),array('class'=>'')) !!}
                            {!! Form::email('email',null, array('class' => 'form-control', 'placeholder'=>translate('email'),'required'=>'required')) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('dob',translate('dob'),array('class'=>'')) !!}
                            {!! Form::text('dob',null, array('class' => 'form-control date-picker', 'placeholder'=>"yyyy-mm-dd",'required'=>'required')) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('working_status',translate('working_status'),array('class'=>'')) !!}
                            {!! Form::select('working_status',array('Employee'=>translate('Employee'),'Owner'=>translate('Owner'),'Student'=>translate('Student'),'Overseas Worker'=>translate('Overseas Worker'),'Pensioner'=>translate('Pensioner'),'Unemployed'=>translate('Unemployed')),null, array('class' => 'form-control',)) !!}
                        </div>
                        <p class="bg-navy disabled color-palette">{{translate('login detail')}}</p>

                        <div class="form-group">
                            {!! Form::label('username',translate('username'),array('class'=>'')) !!}
                            {!! Form::text('username',null, array('class' => 'form-control', 'placeholder'=>"",'required'=>'required')) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('password',translate('password'),array('class'=>'')) !!}
                            {!! Form::password('password', array('class' => 'form-control', 'placeholder'=>"",'required'=>'required')) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('repeatpassword',translate('repeat_password'),array('class'=>'')) !!}
                            {!! Form::password('repeatpassword', array('class' => 'form-control', 'placeholder'=>"",'required'=>'required')) !!}
                        </div>
                        <div class="row">
                            <div class="col-xs-8">
                                <div class="">
                                    <a href="javascript:;" class="btn btn-primary  btn-flat" id="register-back-btn"><i
                                                class="fa fa-backward"></i> {{ translate('back') }}</a>
                                </div>
                            </div>
                            <!-- /.col -->
                            <div class="col-xs-4">
                                <button type="submit"
                                        class="btn btn-primary btn-block btn-flat">{{ translate('register') }}</button>
                            </div>
                            <!-- /.col -->
                        </div>
                        {!! Form::close() !!}
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div style="padding-top: 10px;color: #fff">
                    {{translate('accept_terms_and_conditions')}}
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            jQuery('#forget-password').click(function () {
                jQuery('.login-form').hide();
                jQuery('.forget-form').show();
            });
            jQuery('#register-btn').click(function () {
                jQuery('.login-form').hide();
                jQuery('.register-form').show();
            });

            jQuery('#back-btn').click(function () {
                jQuery('.login-form').show();
                jQuery('.forget-form').hide();
            });
            jQuery('#register-back-btn').click(function () {
                jQuery('.login-form').show();
                jQuery('.register-form').hide();
            });

        });
    </script>
@endsection