@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"/>
    <style type="text/css">
        td { 
            font-size: 14px !important; 
        }
    </style>
@endsection

@section('content')
<div style="min-height: 75vh; max-height: 75vh; height: 75vh; overflow: auto;">  
    <div class="page-content-body-wrapper no-padding">
        <div class="page-content-body no-padding"> 
            <div class="portlet light">
                <div class="portlet-body no-padding"> 
                    <nav class="navbar navbar-expand-lg navbar-light bg-light">
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="nav nav-tabs">
                                <li class="nav-item active" style="background-color: #67AAB3;">
                                    <a class="nav-link active" style="background-color: #A0C6CF;" href="">
                                        <font style="font-size:15px;"><b>Hotel Markup</b></font>
                                    </a>
                                </li>
                                @if(Session::get('HOTELMARKUP_ADD') == '1')
                                    <div class="Add {{ Request::is('*hotel/add_markup*') ? 'active' : '' }}">
                                        <a href="{{ route('hotel_markup.create') }}" class="btn btn-primary" style="float: right; margin-right: 20px;">ADD</a>
                                    </div>
                                @endif
                            </ul>
                        </div>
                    </nav>
                    <div class="tabbable-custom tabbable-parallel">
                        <div class="tab-content no-padding">
                            <div class="tab-pane active">
                                <div class="table-container">
                                    <table class="table table-striped table-hover" id="datatable-hotel-markup"
                                           data-url="{{ route('hotel_markup.getHotelMarkups') }}">
                                        <thead>
                                            <tr role="row" class="heading">
                                                <th style="text-align:center;" class="text-center"><b>No</b></th>
                                                <th style="text-align:center;" class="text-center"><b>Hotel Provider</b></th>
                                                <th style="text-align:center;" class="text-center"><b>Assigned to</b></th> 
                                                <th style="text-align:center;" class="text-center"><b>percentage %</b></th> 
                                                <th style="text-align:center;" class="text-center"><b>Created by</b></th> 
                                                <th style="text-align:center;" class="text-center"><b>Updated by</b></th> 
                                                <th style="text-align:center;" class="text-center"><b>Action</b></th>
                                            </tr>
                                            <tr role="row" class="filter">
                                                <td></td>
                                                <td>
                                                    <input type="text" class="form-control form-filter input-sm text-center" placeholder="Hotel Provider" name="hotel_provider">
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control form-filter input-sm text-center" placeholder="Markup for" name="assigned_to">
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control form-filter input-sm text-center" placeholder="Percentage" name="percentage">
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control form-filter input-sm text-center" placeholder="Created by" name="created_by">
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control form-filter input-sm text-center" placeholder="Updated by" name="updated_by">
                                                </td>
                                                <td class="text-center"></td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div> 
        </div> 
    </div> 
</div>
@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/hotel/hotel_markup.js') }}" type="text/javascript"></script>
@endsection