@extends('layout.mainlayout')
@section('content')
@component('components.breadcrumb')                
    @slot('title') Approval Settings @endslot
    @slot('li_1') Settings @endslot
    @slot('li_2') Approval Settings @endslot
@endcomponent

        <div class="row">
            <div class="col-md-4 col-lg-3">
                <div class="card settings-menu">
                    <div class="sidebar-menu">
                        <ul>
                            <li class="menu-title">Settings</li>
                            <li class="active"> 
                                <a href="{{url('settings')}}"><i class="la la-building"></i> <span>Company Settings</span></a>
                            </li>
                            <li> 
                                <a href="{{url('localization')}}"><i class="la la-clock-o"></i> <span>Localization</span></a>
                            </li>
                            <li> 
                                <a href="{{url('theme-settings')}}"><i class="la la-photo"></i> <span>Theme Settings</span></a>
                            </li>
                            <li> 
                                <a href="{{url('roles-permissions')}}"><i class="la la-key"></i> <span>Roles & Permissions</span></a>
                            </li>
                            <li> 
                                <a href="{{url('email-settings')}}"><i class="la la-at"></i> <span>Email Settings</span></a>
                            </li>
                            <li> 
                                <a href="{{url('performance-setting')}}"><i class="la la-chart-bar"></i> <span>Performance Settings</span></a>
                            </li>
                            <li> 
                                <a href="{{url('approval-setting')}}"><i class="la la-thumbs-up"></i> <span>Approval Settings</span></a>
                            </li>
                            <li> 
                                <a href="{{url('invoice-settings')}}"><i class="la la-pencil-square"></i> <span>Invoice Settings</span></a>
                            </li>
                            <li> 
                                <a href="{{url('salary-settings')}}"><i class="la la-money"></i> <span>Salary Settings</span></a>
                            </li>
                            <li> 
                                <a href="{{url('notifications-settings')}}"><i class="la la-globe"></i> <span>Notifications</span></a>
                            </li>
                            <li> 
                                <a href="{{url('change-password')}}"><i class="la la-lock"></i> <span>Change Password</span></a>
                            </li>
                            <li> 
                                <a href="{{url('leave-type')}}"><i class="la la-cogs"></i> <span>Leave Type</span></a>
                            </li>
                            <li> 
                                <a href="{{url('toxbox-setting')}}"><i class="la la-comment"></i> <span>ToxBox Settings</span></a>
                            </li>
                            <li> 
                                <a href="{{url('cron-setting')}}"><i class="la la-rocket"></i> <span>Cron Settings</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-md-8 col-lg-9 settings-cont">
                <div class="card p-4">
                    <form>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Company Name <span class="text-danger">*</span></label>
                                    <input class="form-control" type="text" value="Dreamguy's Technologies">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Contact Person</label>
                                    <input class="form-control " value="Daniel Porter" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Address</label>
                                    <input class="form-control " value="3864 Quiet Valley Lane, Sherman Oaks, CA, 91403" type="text">
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-6 col-lg-3">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Country</label>
                                    <select class="form-control select">
                                        <option>USA</option>
                                        <option>United Kingdom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-6 col-lg-3">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">City</label>
                                    <input class="form-control" value="Sherman Oaks" type="text">
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-6 col-lg-3">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">State/Province</label>
                                    <select class="form-control select">
                                        <option>California</option>
                                        <option>Alaska</option>
                                        <option>Alabama</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-6 col-lg-3">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Postal Code</label>
                                    <input class="form-control" value="91403" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Email</label>
                                    <input class="form-control" value="danielporter@example.com" type="email">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Phone Number</label>
                                    <input class="form-control" value="818-978-7102" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Mobile Number</label>
                                    <input class="form-control" value="818-635-5579" type="text">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Fax</label>
                                    <input class="form-control" value="818-978-7102" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="input-block mb-3">
                                    <label class="col-form-label">Website Url</label>
                                    <input class="form-control" value="https://www.example.com" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="submit-section">
                            <button class="btn btn-primary submit-btn">Save</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
               
@endsection