{{View::make('layout.header')}}
<style>

.timeline .timeline-item .timeline-event h6{ 
    word-break : break-all; }

.table thead th, .table tbody td {
padding-left:6px !important;
padding-right:6px !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
display : none;
}
</style>
<!-- BEGIN: Content-->
<div class="app-content content ">
<div class="content-overlay"></div>
<div class="header-navbar-shadow"></div>
<div class="content-wrapper">
    <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-left mb-0">E-Attendance</h2>
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">HR
                            </li>
                            <li class="breadcrumb-item active"><a href="#">Setup</a>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
                        
    </div>
    <div class="content-body">
        <section id="dashboard-ecommerce">
            <div class="row match-height">

                <div class="col-md-6">
                    <div class="card setup-section">
                        <div class="card-header">
                            <div class="d-flex align-items-center">
                                <h4 class="card-title">System Configuration</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">

                                        <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">
                                    <a href="{{route('schedule')}}">
                                        <div class="media"> 
                                            <div class="avatar bg-light-info mr-2" style="cursor:unset;">
                                                <div class="avatar-content">
                                                    <img src="{{asset('app-assets/svg/calendar-symbol.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                </div>
                                            </div>
                                            <div class="media-body my-auto">
                                                <p class="card-text font-small-3 mb-0">Schedule</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>

                                
                                <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                  
                                    <a href="{{route('viewdutyroaster')}}">
                                        <div class="media">
                                            <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                                <div class="avatar-content">
                                                    <img src="{{asset('app-assets/svg/duty_roster.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                </div>
                                            </div>
                                            <div class="media-body my-auto">
                                                <p class="card-text font-small-3 mb-0">Duty Roster</p>
                                            </div>
                                        </div>
                                    </a> 
                                </div>                                
                                <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                  
                                    <a href="{{route('update-weekly-duty_roaster')}}">
                                        <div class="media">
                                            <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                                <div class="avatar-content">
                                                    <img src="{{asset('app-assets/svg/duty_roster.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                </div>
                                            </div>
                                            <div class="media-body my-auto">
                                                <p class="card-text font-small-3 mb-0">Weekly Duty Roster</p>
                                            </div>
                                        </div>
                                    </a> 
                                </div>
                                <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                  
                                  <a href="{{route('viewdevices')}}">
                                      <div class="media">
                                          <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                              <div class="avatar-content">
                                                  <img src="{{asset('app-assets/svg/duty_roster.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                              </div>
                                          </div>
                                          <div class="media-body my-auto">
                                              <p class="card-text font-small-3 mb-0">Device</p>
                                          </div>
                                      </div>
                                  </a> 
                              </div>
                              
                            <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mt-1">
                                <a href="{{ route('attendance-control') }}">
                                    <div class="media">
                                        <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                            <div class="avatar-content">
                                                <img src="{{ asset('app-assets/svg/duty-roster-to-employee.svg') }}"
                                                    class="avatar-icon" style="height: 56%; width:100%;">
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <p class="card-text font-small-3 mb-0">Attendance Control</p>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card setup-section">
                        <div class="card-header">
                            <div class="d-flex align-items-center">
                                <h4 class="card-title">Schedule Allocation</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">

                            

                                <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 ">
                                    <a href="{{route('dutyroaster-to-emp')}}">
                                        <div class="media"> 
                                            <div class="avatar bg-light-primary mr-2" style="cursor:unset;">
                                                <div class="avatar-content">
                                                    <img src="{{asset('app-assets/svg/duty-roster-to-employee.svg')}}" class="avatar-icon" style="height: 56%; width:100%;">
                                                </div>
                                            </div>
                                            <div class="media-body my-auto">
                                                <p class="card-text font-small-3 mb-0">Assign Duty Roster to Employee</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                
                                
                                <div class="col-xl-6 col-md-6 col-sm-6 col-xs-6 col-6 mb-1">
                                        <a href="{{ route('assign-attendance-to-emp') }}">
                                            <div class="media">
                                                <div class="avatar bg-light-info mr-2" style="cursor:unset;">
                                                    <div class="avatar-content">

                                                        <img src="{{ asset('app-assets/svg/assign-schedule-to-employee.svg') }}"
                                                            class="avatar-icon" style="height: 56%; width:100%;">
                                                    </div>
                                                </div>
                                                <div class="media-body my-auto">
                                                    <p class="card-text font-small-3 mb-0">Assign Attendance Start Date
                                                        to Employee
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                

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

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

<!-- END: Content-->
{{View::make('layout.footer')}}
@include('inc.timline-model')
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>