@extends('layouts.admin')
@section('header_style')
    <link href="{{asset('assets/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet" type="text/css"/>

    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
    <style type="text/css">
        .badge {
           font-size: 50px !important; 
           color: #fff;
        }
        .btn-primary-one {
            background-color: #cdcdcd;
        }        
    </style>
@endsection
@section('content')
@if(Session::get('USER_ROLE') == '6')
    <div style=" margin-top: 30px;  width: 450px;font-family: 'Montserrat';">
        <label for="html" style="margin-left: 40px; font-size: 20px;padding-left: 100px;"><b>DASHBOARD : ADMIN</b></label><br>
    </div>
    <div class="text-center" style="font-family: 'Montserrat';">
        <button type="button" class="btn btn-primary btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->ACCUMULATED GUEST THIS MONTH<br><br> <span class="badge" style="">{{$guestCount}}</span></button>
        <button type="button" class="btn btn-light btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->HOTEL BOOKED OF THIS MONTH<br><br> <span class="badge" style="">{{$bookCount}}</span></button>
        <button type="button" class="btn btn-success btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL MONTHLY INVOICE<br><br> <span class="badge" style="">{{$invCount}}</span></button>


        <button type="button" class="btn btn-danger btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL OF CONFIRMED BOOKING<br><br> <span class="badge" style="">{{$bookConCount}}</span></button>
        <button type="button" class="btn btn-warning btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL HOTELS UNDER HOTELINE<br><br> <span class="badge" style="">{{$hotelCount}}</span></button>
        <button type="button" class="btn btn-info btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL ROOMS UNDER HOTELINE<br><br> <span class="badge" style="">{{$roomCount}}</span></button>

    </div>
@endif

@if(Session::get('USER_ROLE') == '5')
    <div style=" margin-top: 30px;  width: 450px;font-family:'Montserrat'">
        <label for="html" style="margin-left: 40px; font-size: 20px; padding-left: 100px;"><b>DASHBOARD : MANAGER</b></label><br>
    </div>
    <div class="text-center"style="font-family: 'Montserrat';">
        <button type="button" class="btn btn-primary btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->ACCUMULATED GUEST THIS MONTH<br><br> <span class="badge" style="">{{$guestCount}}</span></button>
        <button type="button" class="btn btn-light btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL OF HOTEL BOOKED THIS MONTH<br><br> <span class="badge" style="">{{$bookCount}}</span></button>
        <button type="button" class="btn btn-success btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->MONTHLY INVOICE ISSUED <br><br> <span class="badge" style="">{{$invCount}}</span></button>


        <button type="button" class="btn btn-danger btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL OF CONFIRMED BOOKING<br><br> <span class="badge" style="">{{$bookConCount}}</span></button>
        <button type="button" class="btn btn-warning btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->NUMBER OF HOTEL UNDER HOTELINE<br><br> <span class="badge" style="">{{$hotelCount}}</span></button>
        <button type="button" class="btn btn-info btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->NUMBER OF ROOMS UNDER HOTELINE<br><br> <span class="badge" style="">{{$roomCount}}</span></button>

    </div>
@endif

@if(Session::get('USER_ROLE') == '4' || Session::get('USER_ROLE') == '3' || Session::get('USER_ROLE') == '7')
    <div style=" margin-top: 30px;  width: 450px;font-family: 'Montserrat';">
        <label for="html" style="margin-left: 40px; font-size: 20px;padding-left: 100px;"><b>DASHBOARD : STAFF</b></label><br>
    </div>
    <div class="text-center"style="font-family: 'Montserrat';">
        <button type="button" class="btn btn-primary btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 500px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->ACCUMULATED GUEST THIS MONTH<br><br> <span class="badge" style="">{{$guestCount}}</span></button>
        <button type="button" class="btn btn-light btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 500px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL OF HOTEL BOOKED THIS MONTH<br><br> <span class="badge" style="">{{$bookCount}}</span></button>
        
        <button type="button" class="btn btn-warning btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 500px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL HOTELS UNDER HOTELINE<br><br> <span class="badge" style="">{{$hotelCount}}</span></button>
        <button type="button" class="btn btn-info btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 500px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL ROOMS UNDER HOTELINE<br><br> <span class="badge" style="">{{$roomCount}}</span></button>

    </div>
@endif

@if(Session::get('USER_ROLE') == '2')
    <div style=" margin-top: 30px;  width: 450px;font-family: 'Montserrat';">
        <label for="html" style="margin-left: 40px; font-size: 20px;padding-left: 100px;"><b>DASHBOARD : AGENT</b></label><br>
    </div>
    <div class="text-center"style="font-family: 'Montserrat';">
        <button type="button" class="btn btn-primary btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->NEW BOOKING OF THIS MONTH<br><br> <span class="badge" style="">{{$bookNewCount}}</span></button>
        <button type="button" class="btn btn-light btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 40px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->TOTAL OF CONFIRM BOOKED HOTEL<br> THIS MONTH<br><br> <span class="badge" style="">{{$bookConCount2}}</span></button>
        <button type="button" class="btn btn-success btn-lg" style="margin-left: 40px; margin-top: 50px; padding: 50px; width: 450px"><!-- <img alt="" style="padding-right: 20px" src="{{ asset('images/user.png') }}"/> -->CANCEL BOOKING OF THIS MONTH<br><br> <span class="badge" style="">{{$bookCanCount}}</span></button>

    </div>
@endif


<!-- <button type="button" class="btn btn-primary btn-lg" style="margin-left: 15px; margin-top: 150px; padding: 50px"><img alt="" src="{{ asset('images/user.png') }}"/>Total Guest This Month <span class="badge">3</span></button>
<button type="button" class="btn btn-primary btn-lg" style="margin-left: 15px; margin-top: 150px; padding: 50px"><img alt="" src="{{ asset('images/user.png') }}"/>Total Guest This Month <span class="badge">3</span></button> -->

<!--  <!doctype html> <html> <head> <meta charset="utf-8"> <title>Buttons with Badges</title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Buttons with Badges</h2> <button type="button" class="btn btn-default">Default Button <span class="badge">1</span></button> <button type="button" class="btn btn-link">Link <span class="badge">2</span></button></br></br> <button type="button" class="btn btn-success">Success Button <span class="badge">3</span></button> <button type="button" class="btn btn-info">Info button <span class="badge">4</span></button></br></br> <button type="button" class="btn btn-primary">Primary Button <span class="badge">5</span></button> <button type="button" class="btn btn-danger">Danger button <span class="badge">6</span></button> <button type="button" class="btn btn-warning">Warning Button <span class="badge">7</span></button></br></br> </div> </body> </html> -->


@endsection
@section('footer_script')
    <script src="{{asset('assets/scripts/datatable.js' )}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/datatables/datatables.min.js' )}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js' )}}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-validation/js/jquery.validate.min.js') }}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-validation/js/additional-methods.min.js') }}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js' )}}"
            type="text/javascript"></script>
    <script src="{{asset('assets/scripts/pages/booking/booking.js') }}" type="text/javascript"></script>

    <script type="text/javascript">
        function modalTrigger(id,email){
            $("#prfModal").modal();
            document.getElementById("booking_id").value = id;
            document.getElementById("hotel_email").value = email;
            // alert(email);

            // alert(id);
        }

        // function openHotelModal(){
        //     $("#hotel_modal").modal();
        //     // document.getElementById("booking_id").value = id;
        //     // alert(id);
        // }

    </script>
 

@endsection