@extends('layouts.app')
@section('content')
<div class="app sidebar-mini">
    <!---Global-loader-->
    <div id="global-loader">
        <div class="loaderimg1 col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <img src="{{asset('assets/img/loader.webp')}}" alt="loader">
        </div>
        <div class="loaderimg2 col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <img src="{{asset('assets/img/spinner.gif')}}" alt="loader">
        </div>
    </div>
    <!--- End Global-loader-->
    <!-- Page -->
    <div class="page">
        <div class="page-main">
            <!--aside open-->
            @include('layouts.admin.sidemenubar')
            <!--aside closed-->
            <!-- App-Content -->
            <div class="app-content main-content">
                <div class="side-app">
                    <!--app header-->
                    @include('layouts.admin.appheader')
                    <!--/app header-->
                    <!--Page header-->
                    <div class="page-header">
                        <div class="page-leftheader">
                            <h4 class="page-title mb-0">Create Employee</h4>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}"><i class="fe fe-home mr-2 fs-14"></i>Dashboard</a></li>
                                <li class="breadcrumb-item"><a href="{{route('admin.customermanagement')}}">Employee Management</a></li>
                                <li class="breadcrumb-item active" aria-current="page"><a>Create Employee</a></li>
                            </ol>
                        </div>
                        <div class="flashmsgec">
                            @include('layouts.flashmsg')
                        </div>
                    </div>
                    <!--End Page header-->
                    <div class="card carddivision">
                        <div class="card-header">
                            <div class="card-title">Employee Creation</div>
                        </div>
                        <div class="card-body">
                            <form method="POST" name="createemployee" id="createemployee" action="#">
                                <div class="createempform col-lg-12 col-md-12 col-sm-12 px-0">
                                    <div class="row">
                                        <div class="createempformdiv empidresp col-lg-2 col-md-3 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Employee ID <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" name="empid" id="empid" value="" placeholder="Enter Employee ID" required>
                                            </div>
                                        </div>
                                        <div class="createempformdiv loginidresp col-lg-2 col-md-3 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Login ID <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" name="loginid" id="loginid" value="" placeholder="Enter Login ID" required>
                                            </div>
                                        </div>
                                        <div class="createempformdiv firstnameresp col-lg-3 col-md-4 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">First Name <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" name="firstname" id="firstname" value="" placeholder="Enter First name" required>
                                            </div>
                                        </div>
                                        <div class="createempformdiv lastnameresp col-lg-2 col-md-3 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Last Name <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" name="lastname" id="lastname" value="" placeholder="Enter Last name" required>
                                            </div>
                                        </div>
                                        <div class="createempformdiv emailidresp col-lg-3 col-md-4 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Email address <span class="text-red">*</span></label>
                                                <input type="email" class="form-control" name="emailaddrs" id="emailaddrs" value="" placeholder="Enter Email ID" required>
                                            </div>
                                        </div>
                                        <div class="createempformdiv phoneresp col-lg-2 col-md-4 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Phone Number <span class="text-red">*</span></label>
                                                <input type="email" class="form-control" name="phonenum" id="phonenum" value="" placeholder="Enter Phone Number" required>
                                            </div>
                                        </div>
                                        <div class="createempformdiv roleresp col-lg-2 col-md-4 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Role <span class="text-red">*</span></label>
                                                <select class="form-control custom-select select2" name="role" id="role" required>
                                                    <option value="">Choose Role</option>
                                                    <option value="1">Germany</option>
                                                    <option value="2">Canada</option>
                                                    <option value="3">Usa</option>
                                                    <option value="4">Aus</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="createempformdiv passresp col-lg-2 col-md-3 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Password <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" name="password" id="password" value="" placeholder="Enter Password" required>
                                            </div>
                                        </div>
                                        <div class="createempformdiv conpassresp col-lg-2 col-md-3 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <label class="form-label">Confirm Password <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" name="confrimpassword" id="confrimpassword" value="" placeholder="Enter Confrim Password" required>
                                            </div>
                                        </div>
                                        <div class="createempbtndiv col-lg-12 col-md-12 col-sm-12 col-md-12">
                                            <div class="form-group mb-0">
                                                <button type="submit" name="empsave" id="empsave" class="savebtn"><i class="fe fe-save"></i>&nbsp;&nbsp;Save</button>
                                                <button type="reset" name="empreset" id="empreset" class="clearbtn"><i class="fe fe-x-circle"></i>&nbsp;&nbsp;Clear</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End app-content-->
        </div>
        <!--Footer-->
        @include('layouts.appfooter')
        <!-- End Footer-->
    </div>
    <!-- End Page -->
    <!-- Back to top -->
    <a href="#top" id="back-to-top"><i class="fe fe-chevrons-up"></i></a>
</div>
@include('includes.jslinks_common')
@endsection