@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Maintenance Requests Dashboard
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <style>
        .warning-blink {
            animation: blinker 1s linear infinite;
        }

        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
    </style>
@stop

{{-- Page content --}}
@section('content')
    <section class="content-header">
        <h1>Maintenance Reports</h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('dashboard') }}">
                    <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                    Dashboard
                </a>
            </li>
            <li>Maintenance Requests</li>
            <li class="active">Requests Dashboard</li>
        </ol>
    </section>

    <section class="content paddingleft_right15">
        <div class="row">
            {{-- Your count boxes code --}}
        </div>

        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif

        <div class="row">
            <div class="panel panel-primary ">
                <div class="panel-heading clearfix">
                    <h4 class="panel-title pull-left">
                        <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                        Maintenance Tasks
                    </h4>
                </div>
                <div class="panel-body">
                    <div class="bs-example">
                        <ul class="nav nav-tabs" style="margin-bottom: 15px;">
                            <li class="active"><a href="#all" data-toggle="tab">All Tasks</a></li>
                            <li><a href="#maintenance" data-toggle="tab">Under Maintenance</a></li>
                            <li><a href="#pending" data-toggle="tab">Pending</a></li>
                            <li><a href="#completed" data-toggle="tab">Completed</a></li>
                            {{-- NEW TAB ADDED --}}
                            <li><a href="#return_to_store" data-toggle="tab">Return to Store Request</a></li>
                        </ul>

                        <div id="myTabContent" class="tab-content">
                            {{-- All Tasks Tab --}}
                            <div class="tab-pane fade active in" id="all">
                                <div class="table-responsive">
                                    <table class="table table-bordered" id="table-all">
                                        <thead>
                                        <tr class="filters">
                                            <th>ID</th>
                                            <th>Firstname</th>
                                            <th>Lastname</th>
                                            <th>Phone</th>
                                            <th>Idnumber</th>
                                            <th>College</th>
                                            <th>Department</th>
                                            <th>Buildingno</th>
                                            <th>Office</th>
                                            <th>Requestcategory</th>
                                            <th>Assigned Expert</th>
                                            <th>Description</th>
                                            <th>Appointments</th>
                                            <th>Actions</th>
                                            <th>Feedback</th>
                                            <th colspan="2">Return to Store</th>
                                        </tr>
                                        </thead>
                                        <tbody>