@extends('backend.layouts.app')

@section('content')     
    <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Complete Profile</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Profile Completion</li>
                    </ol>
                </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
            </div>
            <!-- /.content-header -->

            <section class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card card-info">
                                <div class="card-header">
                                    <h3 class="card-title">Complete your Profile</h3>  
                                </div>
                                <form action="{{url('admin/employees/add_post')}}" method="post" accept="" class="form-horizontal" enctype="multipart/form-data">
                                    {{csrf_field()}}
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">First Name <span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="text" name="name" value="{{old('name')}}" class="form-control" required placeholder="Enter First Name">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Last Name</label>
                                            <div class="col-sm-10">
                                                <input type="text" value="{{old('last_name')}}" name="last_name" class="form-control" placeholder="Enter Last Name">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Email<span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="email" name="email"  value="{{old('email')}}"  class="form-control" placeholder="Enter Email address">
                                                <span style="color: red">{{$errors->first('email')}}</span>
                                            </div>
                                        </div>     

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Password<span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="password" name="password"  value="{{old('password')}}"  class="form-control" placeholder="Enter Password">
                                                <span style="color: red">{{$errors->first('password')}}</span>
                                            </div>
                                        </div>          

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Phone Number</label>
                                            <div class="col-sm-10">
                                                <input type="text"   value="{{old('phone_number')}}" name="phone_number" class="form-control" placeholder="Enter Phone Number">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Hire Date <span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="date" value="{{old('hire_date')}}" 
                                                name="hire_date" class="form-control" placeholder="Enter Hire Date">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Job Title <span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <Select class="form-control" name="job_id" required>
                                                    <option value="">Select Job Title</option>
                                                    <option value="1">Web  Developer</option>
                                                    <option value="2">Pdf Developer</option>
                                                </Select>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Salary<span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="text" name="salary" value="{{old('salary')}}" class="form-control" placeholder="Enter Salary">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Commission PCT<span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="text"  value="{{old('commission_pct ')}}" name="commission_pct" class="form-control" placeholder="Enter Commission PCT">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Manager Name <span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <Select class="form-control" name="manager_id" required>
                                                    <option value="">Select Manager Name</option>
                                                    <option value="1">DAVID</option>
                                                    <option value="2">FRANCI</option>
                                                </Select>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label for="" class="col-sm-2 col-form-lable">Department Name <span style="color: red">*</span></label>
                                            <div class="col-sm-10">
                                                <Select class="form-control" name="department_id" required>
                                                    <option value="">Select Department</option>
                                                    <option value="1">I.t Department</option>
                                                    <option value="2">Finance Department</option>
                                                </Select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <a href="{{url('admin/employees')}}" class="btn btn-default">Cancel</a>

                                        <button class="btn btn-primary float-right" type="submit">Submit </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </section>

              <!-- /.content -->
        </div>
     <!-- /.content-wrapper -->
@endsection