@extends('layouts.login')

@section('page_title')
    Airtime Sales | Merchant Login
@endsection

@section('page_content')

<div class="row">
        <div class="col-md-12">
            <div class="text-center m-b-md">
                <h3>Merchant Login</h3>
                <!-- <small>This is the best app ever!</small> -->
                <div class="text-center w-75 m-auto">
                    <!-- <p class="text-muted mb-4">Admin Panel Login</p> -->
                    @if (Session::has('login-error'))
                    <p class=" text-danger mb-4"> {{ Session::get('login-error') }} </p>
                    @endif
                    @include('commons.notifications')
                </div>
            </div>
            <div class="hpanel">
                <div class="panel-body">
                        <form action="{{ url('merchant/login') }}" id="loginForm" method="POST">
                            {{ csrf_field() }}
                            <div class="form-group">
                                <label class="control-label" for="username">Phone Number</label>
                                <input type="text" placeholder="" title="Please enter you username" required="" value="" name="phone_number" id="username" class="form-control">
                                <span class="help-block small">Your registered phone number</span>
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="password">Merchant PIN</label>
                                <input type="password" title="Please enter your PIN" placeholder="******" required="" value="" name="pin" id="password" class="form-control">
                                <span class="help-block small">Your merchant pin</span>
                            </div>
                            <div class="checkbox"></div>
                            <button class="btn btn-warning btn-block">Login</button>
                            <p class="text-center" style="padding: 10px;">-- OR --</p>
                            <!-- <a class="btn btn-warning btn-block" href=""><i class="fa fa-user-plus"></i> Register</a> -->

                            <a class="btn btn-danger btn-block" href="{{ url('merchant/register') }}">Register</a>
                        </form>
                </div>
            </div>
        </div>
    </div>
@endsection