@extends('layouts.app')

@section('title', 'User')
@section('content')

</style>
    <div class="container-fluid mt-1">
        <div class="col-lg-12">
            <div class="flex justify-content-center">
                <div class="card ">
                    <div class="card-body" style="border-top: 4px solid #0e7c31">
                        <table width="100%">
                                <tr>
                                    <td width="17%"><button id="sectiontab_1" class="btn btn-sm btn-secondary odtabs" >General Info</button></td>
                                    <td width="17%"><button id="sectiontab_2" class="btn btn-sm btn-outline-secondary odtabs" >Tax Info</button></td>
                                    <td width="17%"><button id="sectiontab_3" class="btn btn-sm btn-outline-secondary odtabs" >Notes</button></td>
                                    <td width="17%"><button id="sectiontab_4" class="btn btn-sm btn-outline-secondary odtabs" > Documents</button></td>
                                    <td width="17%"><button id="sectiontab_5" class="btn btn-sm btn-outline-secondary odtabs" > Search Inquiry</button></td>
                                   
                                </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">

                <div class="card ">
                    <div class="card-body">
                        <h2 class="mt-0 header-title text-center"> Users </h2>
                        <form method="post"  data-parsley-validate>
                            <div class="row">
                                <div class="col-lg-3">
                                    <label for="company_select" class="col-form-label"> Company <span class="text-danger"> * <span></label>
                                    <select required class="form-control" name="company" id="company">
                                      
                                    </select>
                                </div>
                                <div class="col-lg-3">
                                    <label for="example-firstname-input" class="col-form-label">First Name <span class="text-danger"> * <span></label>
                                    <input required name="first_name" value="" id="first_name" type="text" class="form-control" placeholder="Enter First Name" required />
                                </div>
                                <div class="col-lg-3">
                                    <label for="example-firstname-input" class="col-form-label">Last Name <span class="text-danger"> * <span></label>
                                        <input autocomplete="off" required value="" name="last_name" id="last_name" type="text" class="form-control" placeholder="Enter Last Name"/>
                                </div>
                                <div class="col-lg-3">
                                    <label for="example-email-input" class="col-form-label">Email <span class="text-danger"> * <span></label>
                                    <input autocomplete="off" required value="" name="email" id="email" type="email" class="form-control" placeholder="Enter Email"/>
                                </div>
                            </div>
                            <div class="row mt-1">
                                <div class="col-lg-3">
                                    <label for="example-email-input" class="col-form-label"> Password </label>
                                    <input autocomplete="off"  name="password" id="password" type="password" class="form-control" placeholder="Enter Password"/>
                                </div>
                                <div class="col-lg-3">
                                    <label for="example-email-input" class="col-form-label"> Phone <span class="text-danger"> * <span></label>
                                        <input required name="phone" id="phone" type="text" value="" class="form-control" placeholder="Enter Phone Number"/>
                                </div>
                                <div class="col-lg-3">
                                    <label for="example-email-input" class="col-form-label"> Processing Type <span class="text-danger"> * <span></label>
                                    <Select required class="form-control" name="processing_type" id="processing_type">
                                            <option selected value="3">Search & Typing</option>
                                    </Select>
                                </div>
                                <div class="col-lg-3">
                                    <label for="example-text-input" class="col-form-label">User Type <span class="text-danger"> * <span></label>
                                    <Select required class="form-control" name="user_type_id" id="user_type_id">
                                        <option value=""> Select </option>
                                       
                                    </Select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-3">
                                    <label for="example-email-input" class="col-form-label"> Product Type <span class="text-danger"> * <span></label>
                                        
                                </div>
                                <div class="col-lg-2">
                                    <label for="example-email-input" class="col-form-label">Tax User </label><br>
                                    <input type="checkbox" checked value="1" id="tax" name="is_tax" disabled/>
                                </div>
                         
                                <div class="col-lg-2" style="margin-top:37px">
                                    <input type="submit" value="Submit" name="submit" id="submit" class="btn btn-gradient-primary"/>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="p-3">
                        <table id="datatable" class="table table-bordered mb-0" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead>
                                <tr>
                                    <th> Sl no</th>
                                    <th> User Type</th>
                                    <th>Company</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Phone No</th>
                                    <th> Process Types</th>
                                    <th> Processing Type</th>
                                    <th>Edit</th>
                                </tr>
                            </thead>
                            <tbody>
                          
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function()
            {
                
            });
    </script>
@endsection