@extends("app")

@section('head_title', 'Register as Business | '.getcong('site_name'))
@section('meta_title', getcong('about_meta_title').' | '.getcong('site_name'))
@section('meta_description', getcong('about_meta_description'))
@section('head_url', Request::url())

@section('content')

<div class="tp-page-head">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="page-header">
                    <h1>Business Registration</h1>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="tp-breadcrumb">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <ol class="breadcrumb">
                    <li><a href="{{ url('/') }}">Home</a></li>
                    <li class="active">Business Registration</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="main-container">
    <div class="container">
        <div class="row">
            <div class="col-md-12 tp-title-center">
                <h1>Register as Business User on {{ getcong('site_name') }}</h1>
            </div>
        </div>

        <div class="col-md-offset-3 col-md-6 well-box">
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active vendor-login" id="home">

                    {{-- Error / Success Messages --}}
                    <div class="message">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <button type="button" class="close" data-dismiss="alert">&times;</button>
                                <ul style="list-style: none;">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        @if (session('flash_message'))
                            <div class="alert alert-success fade in">
                                <button type="button" class="close" data-dismiss="alert">&times;</button>
                                {{ session('flash_message') }}
                            </div>
                        @endif
                    </div>

                    <form method="POST" action="{{ route('business.register.post') }}">
                        @csrf

                        <div class="form-group">
                            <label for="first_name">First Name <span class="required">*</span></label>
                            <input type="text" name="first_name" value="{{ old('first_name') }}" class="form-control" required>
                        </div>
                           <div class="form-group">
                            <label for="last_name">Last Name <span class="required">*</span></label>
                            <input type="text" name="last_name" value="{{ old('last_name') }}" class="form-control" required>
                        </div>
                        <div class="form-group">
                            <label for="email">Email <span class="required">*</span></label>
                            <input type="email" name="email" value="{{ old('email') }}" class="form-control" required>
                        </div>

                        <div class="form-group">
                            <label for="mobile">Mobile Number <span class="required">*</span></label>
                            <input type="text" name="mobile" value="{{ old('mobile') }}" class="form-control" required>
                        </div>

                        <div class="form-group">
                            <label for="password">Password <span class="required">*</span></label>
                            <input type="password" name="password" class="form-control" required>
                        </div>

                        <div class="form-group">
                            <label for="password_confirmation">Confirm Password <span class="required">*</span></label>
                            <input type="password" name="password_confirmation" class="form-control" required>
                        </div>

                        <div class="form-group">
                            <label for="company_name">Company</label>
                            <input type="text" name="company" value="{{ old('company') }}" class="form-control">
                        </div>

                        <div class="form-group">
                            <label for="usertype">Type of Business <span class="required">*</span></label>
                            <select name="usertype" class="form-control" required>
                                <option value="">-- Select --</option>
                                <option value="hotelier" {{ old('usertype')=='hotelier' ? 'selected' : '' }}>Hotelier</option>
                                <option value="Corporate" {{ old('usertype')=='Corporate' ? 'selected' : '' }}>Corporate</option>
                                <option value="Agent" {{ old('usertype')=='Agent' ? 'selected' : '' }}>Agent</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="address">Address</label>
                            <textarea name="address" class="form-control">{{ old('address') }}</textarea>
                        </div>

                        <div class="form-group text-center">
                            <button type="submit" class="btn tp-btn-primary tp-btn-lg">Register</button>
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>
</div>

@endsection