@extends('layouts.master')
@section('content')
<!-- Main Content-->
<div class="main-content side-content pt-0">

    <div class="main-container container-fluid">
        <div class="inner-body">

            <!-- Page Header -->
            <div class="page-header">
                <div>
                    <h2 class="main-content-title tx-24 mg-b-5">Create Employees</h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Create / Employee</li>
                    </ol>
                </div>

            </div>

        </div>



        <div class="row row-sm">
            <div class="col-lg-12">
                <div class="card custom-card overflow-hidden">
                    <div class="card-body">
                        <div class="container">
                            @if(session('message'))
                            <div class="alert alert-success">
                                {{ session('message') }}
                                @endif

                                <form method="post" action="{{route('storeuser')}}" enctype="multipart/form-data">
                                    @csrf

                                <div class="row">

                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Name</div>
                                            <input type="text" class="form-control" name="name" placeholder="Enter Name">
                                        </div>

                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Father Name</div>
                                            <input type="text" name="fathername" class="form-control" placeholder="Enter FatherName">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Email</div>
                                            <input type="email" name="email" class="form-control" placeholder="Enter Email">
                                        </div>


                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Password</div>
                                            <input type="password" name="password" class="form-control">
                                        </div>

                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Designation</div>
                                            <input class="form-control" name="designation" type="text" placeholder="Enter Desgination">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Address</div>
                                            <input class="form-control" name="address" type="text" placeholder="Enter Address">
                                        </div>

                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Profile Pic</div>
                                            <input type="file" name="profile_pic" class="form-control" placeholder="choose Picture">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Document</div>
                                            <input type="file" name="documents" class="form-control" placeholder="choose Document">
                                        </div>


                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Nic Attachment</div>
                                            <input type="file" name="nic_attachment" class="form-control" placeholder="upload Nic">
                                        </div>


                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Role</div>
                                            <select class="form-control select2-with-search" name="userrole" placeholder="Select Role">

                                                <option value="admin">Super Admin</option>
                                                <option value="hr">Hr</option>
                                                <option value="sales">Sale</option>
                                                <option value="employe" selected>Employee</option>

                                            </select>
                                        </div>

                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">CNIC</div>
                                            <input class="form-control" type="number" name="nic" placeholder="Enter NIC">
                                        </div>

                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Contact Number</div>
                                            <input class="form-control" type="numbe" name="contact" placeholder="Enter contact">
                                        </div>

                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Alternate Number</div>
                                            <input class="form-control" type="number" name="alternate_number" placeholder="Enter alternate Number">
                                        </div>




                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Sick Leave</div>
                                            <input class="form-control" type="number" name="sick_leave" placeholder="Enter Sick Leave">
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="mb-3 font-weight-semibold">Casual Leave</div>
                                            <input class="form-control" type="number" name="sick_leave" placeholder="Enter Casual Leave">
                                        </div>


                                        <div class="form-group col-md-4">
                                          <div class="mb-3 font-weight-semibold">Date of Joining</div>
                                          <input class="form-control" type="date" name="date_of_joining" placeholder="Enter Joining Date">  
                                        </div>

                                        <div class="form-group col-md-4">
                                        <div class="mb-3 font-weight-semibold">Ending Date</div>
                                        <input class="form-control" type="date" name="ending_date" placeholder="Enter Ending Date">    
                                        </div>




                                        <!-- <div class="form-group col-md-4">
                                            <div class="form-check">
                                                <div class="mb-3 font-weight-semibold">Total Default Days</div>
                                                <input class="form-control" type="text" name="working_days" id="defaultLeave" placeholder="Enter Total Default Days">
                                            </div>


                                        </div> -->

                                        <!-- <div class="form-group col-md-4">
                                            <label class="mb-3 form-check-label">Total Alternate Days</label>
                                            <input class="form-control" type="text" name="alternate_days" placeholder="Enter Total Alternate Days">
                                        </div> -->
                                        <div class="form-group col-md-4">

                                            <input class="form-control" type="hidden" name="assign_by" value="admin">
                                        </div>

                 <div class="page-header">
                 <div>
                 <h2 class="main-content-title tx-24 mg-b-5">Employe Account Details</h2>
                 </div>
                 </div>

                    <div class="row">
                    <div class="form-group col-md-4">
                    <div class="mb-3 font-weight-semibold">Bankname</div>
                    <select class="form-control select2-with-search" type="text" name="bank_name" placeholder="Enter Bank Name">
                    <option value="NBP">National Bank of Pakistan (NBP)</option>
                    <option value="HBL">Habib Bank Limited (HBL)</option>
                    <option value="UBL">United Bank Limited (UBL)</option>
                    <option value="MCB">MCB Bank Limited</option>
                    <option value="ABL">Allied Bank Limited (ABL)</option>
                    <option value="BankAlfalah">Bank Alfalah</option>
                    <option value="FaysalBank">Faysal Bank</option>
                    <option value="BankAlHabib">Bank Al Habib</option>
                    <option value="AskariBank">Askari Bank</option>
                    <option value="SoneriBank">Soneri Bank</option>
                    <option value="Silkbank">Silkbank</option>
                    <option value="StandardChartered">Standard Chartered Bank</option>
                    <option value="SummitBank">Summit Bank</option>
                    <option value="SindhBank">Sindh Bank</option>
                    <option value="BankIslami">BankIslami Pakistan</option>
                    <option value="BoK">The Bank of Khyber</option>
                    <option value="JSBank">JS Bank</option>
                    <option value="DIB">Dubai Islamic Bank</option>
                    <option value="AlBaraka">Al Baraka Bank</option>
                    <option value="MeezanBank">Meezan Bank</option>
                    </select>
                    </div>


                    <div class="form-group col-md-4">
                    <div class="mb-3 font-weight-semibold">Account Title</div>
                    <input class="form-control" type="text" name="account_title" placeholder="Enter Account Title">
                    </div>

                    <div class="form-group col-md-4">
                    <div class="mb-3 font-weight-semibold">Account Number</div>
                    <input class="form-control" type="text" name="account_number" placeholder="Enter Account Number">
                    </div>

                    </div>




                 <div class="page-header">
                 <div>
                 <h2 class="main-content-title tx-24 mg-b-5">Employe Salary</h2>
                 </div>
                 </div>

                 <div class="row">
                 <div class="form-group col-md-4">
                 <div class="mb-3 font-weight-semibold">Base salary</div>
                 <input class="form-control" type="number" name="base_salary" placeholder="Enter Base Salary">
                 </div>

                 <div class="form-group col-md-4">
                 <div class="mb-3 font-weight-semibold">Payroll Type</div>
                 <select class="form-control select2-with-search" type="text" name="payroll_type" placeholder="Enter Base Salary">
                 <option value="monthly">Monthly</option> 
                 <option value="hourly">Hourly</option>  
                 </select>
                 </div>

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

                  



                         
                            <div class="d-flex justify-content-end">
                                <button class="btn btn-success col-md-3" type="submit">Save</button>
                            </div>

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






@endsection