@extends('template')

@section('content')

<!-- BEGIN PAGE CONTENT BODY -->
<div class="page-content">
    <div class="container-fluid">

        <!-- BEGIN PAGE BREADCRUMBS -->
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <a href="{{ route('dashboard') }}">Dashboard</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Finalizar Compra</span>
            </li>
        </ul>
        <!-- END PAGE BREADCRUMBS -->

        <div class="page-content-inner">
            <div class="col-md-12">
                <div class="portlet light portlet-fit ">
                    <div class="portlet-body checkout">
                        <div class="mt-element-step">
                            <div class="row step-thin">
                                <a href="{{ route('lojavirtual.checkout') }}">
                                    <div class="col-md-4 bg-grey mt-step-col">
                                        <div class="mt-step-number bg-white font-grey">1</div>
                                        <div class="mt-step-title uppercase font-grey-cascade">Carrinho</div>
                                        <div class="mt-step-content font-grey-cascade">Serviços selecionados</div>
                                    </div>
                                </a>
                                <a href="{{ route('lojavirtual.checkout2') }}">
                                    <div class="col-md-4 bg-grey mt-step-col done">
                                        <div class="mt-step-number bg-white font-grey">2</div>
                                        <div class="mt-step-title uppercase font-grey-cascade">Identificação</div>
                                        <div class="mt-step-content font-grey-cascade">&nbsp;</div>
                                    </div>
                                </a>
                                <a href="{{ route('lojavirtual.checkout2') }}">
                                    <div class="col-md-4 bg-grey mt-step-col">
                                        <div class="mt-step-number bg-white font-grey">3</div>
                                        <div class="mt-step-title uppercase font-grey-cascade">Pagamento</div>
                                        <div class="mt-step-content font-grey-cascade">&nbsp;</div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-md-12">
                <!-- BEGIN PAGE CONTENT INNER -->
                <div class="page-content-inner">
                    <div class="row" id="identificacao">
                        <div class="col-md-6 ">
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet light ">

                                <div class="portlet-body form">
                                    <h4 class="text-center">Quero criar uma conta</h4>
                                    <form role="form">
                                        <div class="form-body">
                                            <div class="form-group form-md-line-input">
                                                <input type="email" class="form-control" id="form_control_1">
                                                <label for="form_control_1">E-mail</label>
                                            </div>
                                        </div>
                                        <div class="form-actions noborder text-center">
                                            <button type="button" class="btn blue-madison">Cadastrar</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                        </div>
                        <div class="col-md-6 ">
                            <!-- BEGIN SAMPLE FORM PORTLET-->
                            <div class="portlet light ">

                                <div class="portlet-body form">
                                    <div id='login'>
                                        <!-- BEGIN LOGIN FORM -->
                                        {!! Form::open(['route' => 'login', 'method' =>'post', 'class' => 'login-form']) !!}
                                        <h3 class="form-title font-blue-madison">Já sou cadastrado</h3>
                                        <div class="alert alert-danger display-hide">
                                            <button class="close" data-close="alert"></button>
                                            <span>Digite o seu Email e Senha!!!</span>
                                        </div>
                                        @if (count($errors) > 0)
                                        <p>&nbsp;</p>
                                        <div class="alert alert-danger">
                                            <button class="close" data-close="alert"></button>
                                            <span>Usuário/Senha inválidos.</span>
                                        </div>
                                        @endif
                                        <div class="form-group">
                                            <!--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>
                                            {!! Form::email('email', old('email'),['class' => 'form-control form-control-solid placeholder-no-fix', 'placeholder' => 'Endereço de Email', 'autocomplete' => 'off', 'required' => 'required' ]); !!}
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label visible-ie8 visible-ie9">Senha</label>
                                            {!! Form::password('password', ['class' => 'form-control form-control-solid placeholder-no-fix', 'placeholder' => 'Digite sua Senha', 'autocomplete' => 'off', 'required' => 'required']); !!}
                                        </div>
                                        <div class="form-actions">
                                            <div class="form-group col-md-6">
                                                <button type="submit" class="btn blue-madison uppercase">Entrar</button>

                                                {!! Form::close() !!}
                                            </div>
                                            <div class="form-group col-md-6">
                                                <div class="md-checkbox">
                                                    <input type="checkbox" id="checkbox1" name="remember"/>
                                                    <label for="checkbox1" class="has-personalizado">
                                                        <span></span>
                                                        <span class="check has-personalizado"></span>
                                                        <span class="box"></span> Lembrar - me
                                                    </label>
                                                </div>
                                            </div>
                                            <p>&nbsp;</p>
                                            <a href="javascript:;" id="forget-password" onclick="esqueciMinhaSenha();" class="forget-password font-blue-madison">Esqueceu sua senha ?</a>

                                        </div>
                                        <!-- END LOGIN FORM -->
                                    </div>

                                </div>
                            </div>
                            <!-- END SAMPLE FORM PORTLET-->
                        </div>
                    </div>
                </div>
                <!-- END PAGE CONTENT INNER -->
            </div>

        </div>
    </div>
    <!-- END PAGE CONTENT INNER -->
</div>
<!-- END PAGE CONTENT BODY -->

@stop()

@section('js-script')
<meta name="csrf-token" content="{{ csrf_token() }}">
<link href="{{ asset('assets/pages/css/blog.min.css') }}" rel="stylesheet" type="text/css">
<script src="{{ asset('assets/global/scripts/app.min.js') }}" type="text/javascript"></script>

<script>
    jQuery(document).ready(function() {

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('.header').click(function(){
            $(this).find('span').text(function(_, value){return value=='-'?'+':'-'});
            $(this).nextUntil('tr.header').slideToggle(100, function(){
            });
        });


    });

</script>
@stop()