@extends(!in_array(\Auth::user()->role, [10, 15]) ? 'layout' : 'layoutfrontdesk')

@section('css')
<style type="text/css">
	.datatable-column-width{
		overflow: hidden; text-overflow: ellipsis; max-width: 200px;
	}
</style>
@endsection

@section('title', 'Report FO')

@section('content')

	<!-- Page header -->
	<div class="page-header {{\Auth::user()->role == 1 ? 'page-header-light' : ''}}">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4>  <span class="font-weight-semibold">Reporting</span></h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
			<div class="d-flex">
			</div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">

		<!-- REPORT -->
		<div class="card">
			<div class="card-body px-3">
				<div class="row">
					<div class="col-md-12">
						<div class="alert alert-secondary text-center mb-2 p-1" role="alert">
							<h4 class="font-weight-bold m-0">REPORT</h4>
						</div>
					</div>
				</div>
				<div id="accordion-group">

					<div class="card mb-0 rounded-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a data-toggle="collapse" href="#daily-revenue-report"><i class="fas fa-chevron-circle-down"></i> Daily Revenue Report</a>
							</h6>
						</div>

						<div id="daily-revenue-report" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<a href="{{url('reporting/daily_revenue')}}" target="_blank" class="btn btn-danger">
									<i class="far fa-file-pdf"></i>&nbsp;Download PDF
								</a>
							</div>
						</div>
					</div>

					<div class="card mb-0 rounded-0 border-y-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#guest-account-balance"><i class="fas fa-chevron-circle-down"></i> Guest Account Balance</a>
							</h6>
						</div>

						<div id="guest-account-balance" class="collapse" data-parent="#accordion-group">
							<div class="card-body form-inline">
								<form method="post" target="_blank">
									@csrf
									<input type="text"
										   name="tanggal"
										   id="tanggal_guest_account_balance"
										   class="form-control single-daterange" required
									>
									<button type="submit" class="btn btn-danger" formaction="{{route('report.guest-account-balance')}}">
										<i class="far fa-file-pdf"></i>&nbsp;Download PDF
									</button>
									{{--
										<button type="submit" class="btn btn-success" formaction="{{route('report.export-guest-account-balance')}}">
											<i class="far fa-file-excel"></i>&nbsp;Download Excel
										</button>
									--}}
								</form>
							</div>
						</div>
					</div>

					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#inhouse-guest-list-report"><i class="fas fa-chevron-circle-down"></i> In House Guest List Report</a>
							</h6>
						</div>

						<div id="inhouse-guest-list-report" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<a href="{{url('inhouse-guestlist')}}?no_roomrate=1" target="_blank" class="btn btn-danger">
									<i class="far fa-file-pdf"></i>&nbsp;Download PDF
								</a>
								<a href="{{url('inhouse-guestlist-export')}}?no_roomrate=1" class="btn btn-success" download><i class="far fa-file-excel"></i>&nbsp;Download Excel</a>
							</div>
						</div>
					</div>

					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#room-revenue-report"><i class="fas fa-chevron-circle-down"></i> Room Revenue Breakdown</a>
							</h6>
						</div>

						<div id="room-revenue-report" class="collapse" data-parent="#accordion-group">
							<div class="card-body form-inline">
								<form method="post" target="_blank">
									@csrf
									<input type="text"
										   name="tanggal"
										   id="tanggal_room_revenue_report"
										   class="form-control single-daterange" required
									>
									<button type="submit" class="btn btn-danger" formaction="{{route('report.room-revenue-breakdown')}}">
										<i class="far fa-file-pdf"></i>&nbsp;Download PDF
									</button>
									{{--
										<button type="submit" class="btn btn-success" formaction="{{route('report.export-room-revenue-breakdown')}}">
											<i class="far fa-file-excel"></i>&nbsp;Download Excel
										</button>
									--}}
								</form>
							</div>
						</div>
					</div>

					<!-- Booking Journal By Article -->
					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#booking-journal-by-article"><i class="fas fa-chevron-circle-down"></i> Booking Journal By Article</a>
							</h6>
						</div>

						<div id="booking-journal-by-article" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<form action="{{route('report.booking-journal-by-article')}}" method="post" class="row" style="width: inherit" target="_blank" >
									@csrf

									<!-- Filter untuk tanggal shop journal report -->
									<div class="col-md-2">
										<span>Tanggal : </span>
										<input type="text" name="tanggal"
											class="form-control daterange"
											id="booking_journal_by_article_date"
										>
									</div>

									<!-- Tombol PDF -->
									<div class="col-md-2" style="padding-top:15px">
										<button type="submit" class="btn btn-danger m-1">
											<i class="far fa-file-pdf"></i>&nbsp;Download PDF
										</button>
									</div>
								</form>
							</div>
						</div>
					</div>

					<!-- Booking Journal By Bill Number -->
					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#booking-journal-by-billno"><i class="fas fa-chevron-circle-down"></i> Booking Journal By Bill Number</a>
							</h6>
						</div>

						<div id="booking-journal-by-billno" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<form action="{{route('report.booking-journal-by-billno')}}" method="post" class="row" style="width: inherit" target="_blank" >
									@csrf

									<!-- Filter untuk tanggal shop journal report -->
									<div class="col-md-2">
										<span>Tanggal : </span>
										<input type="text" name="tanggal"
											class="form-control daterange"
											id="booking_journal_by_billno_date"
										>
									</div>

									<!-- Tombol PDF -->
									<div class="col-md-2" style="padding-top:15px">
										<button type="submit" class="btn btn-danger m-1">
											<i class="far fa-file-pdf"></i>&nbsp;Download PDF
										</button>
									</div>
								</form>
							</div>
						</div>
					</div>

					<div class="card mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#fo-transaction-journal"><i class="fas fa-chevron-circle-down"></i> FO Transaction Journal</a>
							</h6>
						</div>

						<div id="fo-transaction-journal" class="collapse" data-parent="#accordion-group">
							<div class="card-body form-inline">
								<form method="post" target="_blank">
									@csrf
									<span>Metode Pembayaran: </span>
									<select name="metode_pembayaran"
											id="metode_pembayaran"
											class="form-control"
									>
									<option value="">** Semua Metode Pembayaran **</option>
									@foreach(config('custom.jenis_pembayaran') as $key => $value)
										<option value="{{$key}}">{{$value}}</option>
									@endforeach
									</select>
									&nbsp;
									<input type="text" name="periode_transaksi"
										   id="periode_transaksi" class="form-control daterange" required>
									<button type="submit" class="btn btn-danger" formaction="{{url('fo-transaction')}}">
										<i class="far fa-file-pdf"></i>&nbsp;Download PDF
									</button>
									<button type="submit" class="btn btn-success" formaction="{{url('export-fo-transaction')}}">
										<i class="far fa-file-excel"></i>&nbsp;Download Excel
									</button>
								</form>
							</div>
						</div>
					</div>

					<div class="card  mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#fo-turnover"><i class="fas fa-chevron-circle-down"></i> FO Turn Over Department</a>
							</h6>
						</div>

						<div id="fo-turnover" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<div class="alert alert-danger text-center" role="alert">
								  Coming Soon
								</div>
							</div>
						</div>
					</div>

					<div class="card  mb-0 rounded-0 border-bottom-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#fo-payment-journal-by-user">
									<i class="fas fa-chevron-circle-down"></i> FO Payment Journal By User(s)
								</a>
							</h6>
						</div>

						<div id="fo-payment-journal-by-user" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<a href="{{url('reporting/fo-payment-journal-by-user/cetak-pdf')}}" target="_blank" class="btn btn-danger">
									<i class="far fa-file-pdf"></i>&nbsp;Download PDF
								</a>
								<a href="{{url('reporting/fo-payment-journal-by-user/cetak-excel')}}" class="btn btn-success">
									<i class="far fa-file-excel"></i>&nbsp;Download Excel
								</a>
							</div>
						</div>
					</div>

					{{-- fo journal list transaction --}}
					<div class="card rounded-top-0">
						<div class="card-header">
							<h6 class="card-title">
								<a class="collapsed" data-toggle="collapse" href="#fo-journal-list-transaction"><i class="fas fa-chevron-circle-down"></i> FO Journal List Transaction</a>
							</h6>
						</div>

						<div id="fo-journal-list-transaction" class="collapse" data-parent="#accordion-group">
							<div class="card-body">
								<form action="{{ route('report.fo-journal-list-transaction') }}" class="row" style="width: inherit" target="_blank" >

                                    <!--Filter by Fo Journal list transaction-->
                                    <div class="col-md-3">
                                        <span>User : </span>
                                        <select name="user_id"
                                                id="user_id_fo_journal_list_transaction"
                                                class="form-control form-control-select2"
                                        >
                                            <option value="0">** Semua User **</option>
                                            @foreach ($users as $user)
                                                <option value="{{$user->id}}">{{$user->nama}}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <!-- Filter untuk tanggal order taker report -->
                                    <div class="col-md-2">
                                        <span>Tanggal : </span>
                                        <input type="text" name="tanggal"
											class="form-control"
											id="tanggal_fo_journal_list_transaction"
										>
                                    </div>

                                    <!-- Tombol PDF -->
                                    <div class="col-md-2" style="padding-top:15px">
                                        <!-- Masih Partial -->
                                        <button type="submit" class="btn btn-danger m-1">
                                            <i class="far fa-file-pdf"></i>&nbsp;Download PDF
                                        </button>
                                    </div>
								</form>
							</div>
						</div>
					</div>

				</div>

			</div>
		</div>
		<!-- /hover rows -->

	</div>
	<!-- /content area -->

@endsection

@section('js')
	<!-- Theme JS files -->
	<script src="{{asset('global_assets/js/plugins/notifications/pnotify.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/notifications/bootbox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/tables/datatables/datatables.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/spin.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/ladda.min.js')}}"></script>
    <script src="{{asset('global_assets/js/plugins/media/fancybox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/loaders/blockui.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/loaders/progressbar.min.js')}}"></script>

	<!-- JS Date Picker -->
	<!-- <script src="{{asset('/')}}/global_assets/js/plugins/ui/moment/moment.min.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/daterangepicker.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/anytime.min.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/pickadate/picker.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/pickadate/picker.date.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/pickadate/picker.time.js"></script>
	<script src="{{asset('/')}}/global_assets/js/plugins/pickers/pickadate/legacy.js"></script> -->
	<script src="{{asset('/')}}/global_assets/js/plugins/notifications/jgrowl.min.js"></script>
	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/gallery_library.js')}}"></script>
	<script type="text/javascript">
	//Date Range Picker
	$('.daterange').daterangepicker({
		applyClass: 'btn-primary',
		cancelClass: 'btn-light',
        startDate:"{{ getSystemDate() }}",
        maxDate:"{{ getSystemDate() }}",
		locale: {
		  format: 'YYYY-MM-DD'
		}
	});

	//Single Date Picker
	$('.single-daterange').daterangepicker({
		singleDatePicker: true,
		showDropdowns: true,
		applyClass: 'btn-primary',
		cancelClass: 'btn-light',
        startDate:"{{ date('Y-m-d', strtotime('-1 day', strtotime(getSystemDate())) ) }}",
        maxDate:"{{ date('Y-m-d', strtotime('-1 day', strtotime(getSystemDate())) ) }}",
		locale: {
		  format: 'YYYY-MM-DD'
		}
	});

    //Button tooltip
	$('.btn-tooltip').tooltip()

	$( document ).ready(function() {
        // Default style
        @if(session('error'))
            new PNotify({
                title: 'Error',
                text: '{{ session('error') }}.',
                icon: 'icon-blocked',
                type: 'error'
            });
        @endif
        @if ( session('success'))
            new PNotify({
                title: 'Success',
                text: '{{ session('success') }}.',
                icon: 'icon-checkmark3',
                type: 'success'
            });
        @endif

	});
	</script>

	{{-- script for fo journal list transaction --}}
	<script>
	// Inisialisasi datepicker untuk order taker report
    $('#tanggal_fo_journal_list_transaction').daterangepicker({
        startDate:"{{ getSystemDate() }}",
        maxDate:"{{ getSystemDate() }}",
		endDate: "{{ getSystemDate() }}",
        applyClass: 'btn-primary',
        cancelClass: 'btn-light',
        locale: {
        format: 'YYYY-MM-DD'
        }
    });

    // Inisialisasi datepicker range untuk journal report by no bill
    $('#booking_journal_by_billno_date').daterangepicker({
        maxDate:    "{{ getSystemDate() }}",
        startDate:  "{{ getSystemDate() }}",
        endDate:    "{{ getSystemDate() }}",
        applyClass: 'btn-primary',
        cancelClass: 'btn-light',
        locale: {
        format: 'YYYY-MM-DD'
        }
    });

    // Inisialisasi datepicker range untuk journal report by no article
    $('#booking_journal_by_article_date').daterangepicker({
        maxDate:    "{{ getSystemDate() }}",
        startDate:  "{{ getSystemDate() }}",
        endDate:    "{{ getSystemDate() }}",
        applyClass: 'btn-primary',
        cancelClass: 'btn-light',
        locale: {
        format: 'YYYY-MM-DD'
        }
    });

	</script>
@endsection