@extends('layouts.tenant.master')
@section('title', 'Edit Profile')

@section('css')
@endsection

@section('style')
@endsection

@section('breadcrumb-title')
    <h2>Form Vertical<span>Wizard</span></h2>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Forms</li>
    <li class="breadcrumb-item">Form Layout</li>
    <li class="breadcrumb-item active">Form Wizard 4</li>
@endsection

@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="b-r-0 card">
                    <div class="card-body">
                        <form class="f1" method="post">
                            <div class="f1-steps">
                                <div class="f1-progress">
                                    <div class="f1-progress-line" data-now-value="16.66" data-number-of-steps="3"></div>
                                </div>
                                <div class="f1-step active">
                                    <div class="f1-step-icon"><i class="fa fa-user"></i></div>
                                    <p>Set-up Company</p>
                                </div>
                                <div class="f1-step">
                                    <div class="f1-step-icon"><i class="fa fa-key"></i></div>
                                    <p>Reset Password</p>
                                </div>
                                <div class="f1-step">
                                    <div class="f1-step-icon"><i class="fa fa-twitter"></i></div>
                                    <p>Other Information</p>
                                </div>
                            </div>
                            <fieldset>
                                <div class="row">
                                    <div class="col-md-4">

                                        <div class="form-group">
                                            <label for="f1-first-name">Full Name</label>
                                            <input class="form-control" id="f1-first-name" type="text"
                                                name="f1-first-name" placeholder="name@example.com" required="">
                                        </div>
                                        <div class="form-group">
                                            <label for="f1-last-name">Company Name</label>
                                            <input class="f1-last-name form-control" id="f1-last-name" type="text"
                                                name="f1-last-name" placeholder="Last name..." required="">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="f1-first-name">Domain Name</label>
                                            <input class="form-control" id="f1-first-name" type="text"
                                                name="f1-first-name" placeholder="name@example.com" required="">
                                        </div>
                                        <div class="form-group">
                                            <label for="f1-last-name">Username</label>
                                            <input class="f1-last-name form-control" id="f1-last-name" type="text"
                                                name="f1-last-name" placeholder="Last name..." required="">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="f1-first-name">Contact</label>
                                            <input class="form-control" id="f1-first-name" type="text"
                                                name="f1-first-name" placeholder="name@example.com" required="">
                                        </div>
                                        <div class="form-group">
                                            <label for="f1-last-name">Email</label>
                                            <input class="f1-last-name form-control" id="f1-last-name" type="text"
                                                name="f1-last-name" placeholder="Last name..." required="">
                                        </div>
                                    </div>
                                </div>
                                <div class="f1-buttons">
                                    <button class="btn btn-primary btn-next" type="button">Next</button>
                                </div>
                            </fieldset>
                            <fieldset>
                                <div class="form-group">
                                    <label class="sr-only" for="f1-email">Email</label>
                                    <input class="f1-email form-control" id="f1-email" type="text" name="f1-email"
                                        placeholder="Email..." required="">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="f1-password">Password</label>
                                    <input class="f1-password form-control" id="f1-password" type="password"
                                        name="f1-password" placeholder="Password..." required="">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="f1-repeat-password">Repeat password</label>
                                    <input class="f1-repeat-password form-control" id="f1-repeat-password"
                                        type="password" name="f1-repeat-password" placeholder="Repeat password..."
                                        required="">
                                </div>
                                <div class="f1-buttons">
                                    <button class="btn btn-primary btn-previous" type="button">Previous</button>
                                    <button class="btn btn-primary btn-next" type="button">Next</button>
                                </div>
                            </fieldset>
                            <fieldset>
                                <div class="form-group">
                                    <label class="sr-only">DD</label>
                                    <input class="form-control" id="dd" type="number" placeholder="dd"
                                        required="">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only">MM</label>
                                    <input class="form-control" id="mm" type="number" placeholder="mm"
                                        required="">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only">YYYY</label>
                                    <input class="form-control" id="yyyy" type="number" placeholder="yyyy"
                                        required="">
                                </div>
                                <div class="f1-buttons">
                                    <button class="btn btn-primary btn-previous" type="button">Previous</button>
                                    <button class="btn btn-primary btn-submit" type="submit">Submit</button>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
<script src="{{ dynamic_url('assets/main/js/form-wizard/form-wizard-five.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/form-wizard/form-wizard-three.js') }}"></script>
<script src="{{ dynamic_url('assets/main/js/form-wizard/jquery.backstretch.min.js') }}"></script>
@endsection