@extends('layouts.app')
@include('plugins.datatables')
@include('plugins.wizard')
@include('plugins.fullcalendar')

@section('content')

<div class="app-content content">
    <div class="content-overlay"></div>
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <h3 class="content-header-title">Holiday Management</h3>
                <div class="row breadcrumbs-top">
                    <div class="breadcrumb-wrapper col-12">
                        {{ Breadcrumbs::render('generalfunction.holiday') }}
                        <!-- <p class="small hint-text m-t-5">
                            System {{ config('global')['system_name'] }} can be configured from below menu.
                        </p> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section>
                <div class="card">
                    <div class="card-header">
                        <h2 class="card-title">Inbox</h2>
                    </div>
                    <div class="card-body">
                        <ul class="nav nav-tabs nav-underline no-hover-bg">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#" data-target="#tab1" role="tab"><i class="la la-check tab-icon text-success"></i> <span>Calendar</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#" data-target="#tab3" role="tab"><i class="la la-check tab-icon text-success"></i> <span>Public Holiday (All Malaysia)</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#" data-target="#tab5" role="tab"><i class="la la-check tab-icon text-success"></i> <span>Holiday State</span></a>
							</li>
							<li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#" data-target="#tab6" role="tab"><i class="la la-check tab-icon text-success"></i> <span>Week Holiday</span></a>
                            </li>
                        </ul>
                        <div class="tab-content px-1 pt-1">
                            <div role="tabpanel" class="tab-pane active" id="tab1" aria-labelledby="home-tab3" aria-expanded="true">
								@include('admin.holiday.tab4')
                            </div>
                            <div role="tabpanel" class="tab-pane" id="tab3" aria-labelledby="home-tab3" aria-expanded="false">
								@include('admin.holiday.tab1.index')
                            </div>
                            <div role="tabpanel" class="tab-pane" id="tab5" aria-labelledby="home-tab3" aria-expanded="false">
								@include('admin.holiday.tab2.index')
							</div>
							<div role="tabpanel" class="tab-pane" id="tab6" aria-labelledby="home-tab3" aria-expanded="false">
								@include('admin.holiday.tab3')
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
@endsection


@push('js')
    	{!! $calendar->script() !!}
@endpush