@extends('layouts.layout-admin')
@section('styles')
 <!-- DataTables -->
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">
<style>
.dataTables_filter {
    margin-left: 10px;
    float: right;
}
.dataTables_info{
    float:left;
}
</style>
@endsection
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">

    <div class="col-md-12">
        <div class="card">
            <div class="card-header p-1">
                <ul class="nav nav-tabs">
                    <li class="nav-item"><a href="{{ route('hotel.index') }}" class="nav-link"><i class="fas fa-hotel nav-icon"></i></a></li>
                    <li class="nav-item"><a href="{{ route('hotel.show', $hotelInfo->hotel_id) }}" class="nav-link">Hotel Info</a></li>
                    <li class="nav-item"><a href="javascript:;" class="nav-link active">Rate</a></li>
                    <li class="nav-item"><a href="javascript:;" class="nav-link">Allotments</a></li>
                    <li class="nav-item"><a href="javascript:;" class="nav-link">Offers</a></li>
                    <li class="nav-item"><a href="javascript:;" class="nav-link">Cancellation Policy</a></li>
                    <li class="nav-item"><a href="javascript:;" class="nav-link">Availability</a></li>
                    <li class="nav-item"><a href="javascript:;" class="nav-link">History</a></li>
                    <li class="nav-item"><a href="javascript:;" class="nav-link">Summary</a></li>
                </ul>
            </div>
            <div class="card-header p-1">
                <ul class="nav nav-pills">
                    <li class="nav-item"><a href="{{ route('view-hotel-season-master', $hotelInfo->hotel_id) }}" class="nav-link">Season Master</a></li>
                    <li class="nav-item"><a href="javascript:;" class="nav-link active">Room Rate</a></li>
                    <li class="nav-item"><a href="{{ route('view-hotel-default-policy', $hotelInfo->hotel_id) }}" class="nav-link">Default Policy</a></li>
                    <li class="nav-item"><a href="{{ route('view-hotel-supplement-charge', $hotelInfo->hotel_id) }}" class="nav-link">Supplement Charges</a></li>
                    <li class="nav-item"><a href="{{ route('view-hotel-restrict-day', $hotelInfo->hotel_id) }}" class="nav-link">Restrict Days</a></li>
                    <li class="nav-item"><a class="nav-link">Stay Limits</a></li>
                    <li class="nav-item"><a class="nav-link">Update Per Day Rate</a></li>
                </ul>
            </div>
        </div>
    </div>

</section>

<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{ __('Manage Room Rate') }}</h3>
                        <a href="javascript:;" onclick="ajaxAdd();" style="float:right;" data-toggle="tooltip" title="Add" class="btn btn-primary btn-sm" data-toggle="tooltip" data-original-title="Add New">
                            <i class="fa fa-plus"></i> {{ __('Add New') }}
                        </a>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <table class="table table-bordered table-striped" id="room_rate_table">
                            <thead>
                                <tr>
                                    <th>{{ __('No') }}</th>
                                    <th>{{ __('Price Title') }}</th>
                                    <th>{{ __('Currency') }}</th>
                                    <th>{{ __('Offer Code') }}</th>
                                    <th>{{ __('Action') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                       
                    
@endsection
@section('scripts')
<!-- DataTables  & Plugins -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/vfs_fonts.js')}}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js')}}"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    var table = $('#room_rate_table').DataTable({
        processing: true,
        serverSide: true,        
        ajax: {
          url: "{{ route('room-rate.index') }}",
          type: 'GET',
          data: function (d) {
            d.name = '';
          }
        },
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'price_title', name: 'price_title'},
            {data: 'currency', name: 'currency'},
            {data: 'offer_code', name: 'offer_code'},
            {data: 'action', name: 'action', orderable: false},
        ],
        order: [[0, 'asc']],
        responsive:true,
        lengthChange: false,
        autoWidth: false,
        dom: 'lfBrtip',      
        buttons: ["copy", "csv", "excel", "pdf", "print", "colvis"],
        drawCallback: function( settings ) {
            $('[data-toggle="tooltip"]').tooltip(); // for tooltips in controls
            $('.deleteroomrate').on('click',function(){
                var x = confirm("Do you want to delete the room rate?");
                if(x == true) { 
                    var roomrateid = $(this).data('roomrate'); 
                    $.ajax({
                        url: "{{ route('delete-room-rate') }}",
                        data: { "id": roomrateid },
                        type: "post",
                        dataType: "json",
                        success: function (data) {
                            if(data.status == 'success'){
                                toastr.success(data.message, 'Success');
                                $('#room_rate_table').DataTable().ajax.reload();
                            }else{
                                toastr.error('Some problem found. Please try again.','Error');
                            }
                        }
                    });
                }
            });
          }        
    }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');    
});
function ajaxAdd(){
    $.ajax({
        url: "{{ route('room-rate.ajax-add') }}",
        data: { "hotel_id": "{{ $hotel_id }}" },
        type: "post",
        dataType: "html",
        cache: false,
        success: function (html) {
            $( '#modal_lg' ).modal({ backdrop: 'static', keyboard: false });
            $( '#modal_lg_body' ).html(html);
            $( '#modal_lg_title' ).html( 'Add Room Rate' );
            $( '#modal_lg_footer' ).html('');
        }
    });
}
function addRoomRate(hotel_id)
{
    var nationality = $('#room_rate_add_form #nationality').val();
    var exception = $('#room_rate_add_form #exception').val();
    var currency = $('#room_rate_add_form #currency').val();
    var price_title = $('#room_rate_add_form #price_title').val();
    var offer_code = $('#room_rate_add_form #offer_code').val();
    var remarks = $('#room_rate_add_form #remarks').val();
    if($("#exception_resident").is(":checked")){ var exception_resident = 1; }else{ var exception_resident = 0; }
    if($("#rate_as_season").is(":checked")){ var rate_as_season = 1; }else{ var rate_as_season = 0; }
    if($("#pppn").is(":checked")){ var pppn = 1; }else{ var pppn = 0; }
    if($("#prpn").is(":checked")){ var prpn = 1; }else{ var prpn = 0; }
    if($("#package_hotel_price").is(":checked")){ var package_hotel_price = 1; }else{ var package_hotel_price = 0; }
    if($("#default_policy").is(":checked")){ var default_policy = 1; }else{ var default_policy = 0; }
    if (currency == "") {
        toastr.error('Please select the currency','Error');
        return false;
    }
    $.ajax({
        url: "{{ route('room-rate.addRoomRate') }}",
        data: { "hotel_id": hotel_id,"nationality": nationality, "exception": exception, "currency": currency, "price_title": price_title, "offer_code": offer_code, "remarks": remarks, "exception_resident": exception_resident, "rate_as_season": rate_as_season, "pppn": pppn, "prpn": prpn, "package_hotel_price": package_hotel_price, "default_policy": default_policy},
        type: "post",
        dataType: "json",
        beforeSend: function() {
            $("#addRoomRateBtn").prop('disabled', true);
        },
        success: function (res) {
            $("#addRoomRateBtn").prop('disabled', false);
            if(res.status == 'failed'){
                if(res.error){
                    $.each(res.error, function(i, item) {
                        toastr.error(item[0],'Error');
                    });
                }else{
                    toastr.error('Some problem found. Please try again.','Error');
                }
            }else{
                $('#room_rate_add_form')[0].reset();
                toastr.success(res.message, 'Success');
                $('#room_rate_table').DataTable().ajax.reload();
                $('#modal_lg').modal('hide');
            }
        },
        error: function(xhr, resp, text) {
            console.log(xhr, resp, text);
        }
    });
}
function ajaxEdit(room_rate_id){
    $.ajax({
        url: "{{ route('room-rate.ajax-edit') }}",
        data: {"room_rate_id": room_rate_id},
        type: "post",
        dataType: "html",
        cache: false,
        success: function (html) {
            $( '#modal_lg' ).modal({ backdrop: 'static', keyboard: false });
            $( '#modal_lg_body' ).html(html);
            $( '#modal_lg_title' ).html( 'Edit Room Rate' );
            $( '#modal_lg_footer' ).html('');
        }
    });
}
function editRoomRate()
{
    var nationality = $('#room_rate_edit_form #nationality').val();
    var exception = $('#room_rate_edit_form #exception').val();
    var currency = $('#room_rate_edit_form #currency').val();
    var price_title = $('#room_rate_edit_form #price_title').val();
    var offer_code = $('#room_rate_edit_form #offer_code').val();
    var remarks = $('#room_rate_edit_form #remarks').val();
    var room_rate_id = $('#room_rate_edit_form #room_rate_id').val();
    if($("#exception_resident").is(":checked")){ var exception_resident = 1; }else{ var exception_resident = 0; }
    if($("#rate_as_season").is(":checked")){ var rate_as_season = 1; }else{ var rate_as_season = 0; }
    if($("#pppn").is(":checked")){ var pppn = 1; }else{ var pppn = 0; }
    if($("#prpn").is(":checked")){ var prpn = 1; }else{ var prpn = 0; }
    if($("#package_hotel_price").is(":checked")){ var package_hotel_price = 1; }else{ var package_hotel_price = 0; }
    if($("#default_policy").is(":checked")){ var default_policy = 1; }else{ var default_policy = 0; }
    if (currency == "") {
        toastr.error('Please select the currency','Error');
        return false;
    }
    $.ajax({
        url: "{{ route('room-rate.editRoomRate') }}",
        data: { "room_rate_id": room_rate_id,"nationality": nationality, "exception": exception, "currency": currency, "price_title": price_title, "offer_code": offer_code, "remarks": remarks, "exception_resident": exception_resident, "rate_as_season": rate_as_season, "pppn": pppn, "prpn": prpn, "package_hotel_price": package_hotel_price, "default_policy": default_policy},
        type: "post",
        dataType: "json",
        beforeSend: function() {
            $("#editRoomRateBtn").prop('disabled', true);
        },
        success: function (res) {
            $("#editRoomRateBtn").prop('disabled', false);
            if(res.status == 'failed'){
                if(res.error){
                    $.each(res.error, function(i, item) {
                        toastr.error(item[0],'Error');
                    });
                }else{
                    toastr.error('Some problem found. Please try again.','Error');
                }
            }else{
                $('#room_rate_edit_form')[0].reset();
                toastr.success(res.message, 'Success');
                $('#room_rate_table').DataTable().ajax.reload();
                $('#modal_lg').modal('hide');
            }
        },
        error: function(xhr, resp, text) {
            console.log(xhr, resp, text);
        }
    });
}
</script>
@endsection