@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Summary AUM - BNC x LAKUEMAS</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">       
                <div class="col-md-6 col-xs-12">
                    <div class="x_panel">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-3 col-xs-12 control-label">Start date :</label>
                                <div class="col-sm-9 col-xs-12">
                                    <input class="form-control" type="date" name="start"
                                        value="{{ $request['start'] }}" />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 col-xs-12 control-label">End date :</label>
                                <div class="col-sm-9 col-xs-12">
                                    <input class="form-control" type="date" name="end" value="{{ $request['end'] }}" />
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-sm-offset-3 col-sm-9">
                                    <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                    <div class="submit">
                                        <button type="submit" class="btn btn-default"><i class="fa fa-search"
                                                aria-hidden="true"></i> Search</button>
                                    </div>
                                </div>
                            </div>
						</form>
                    </div>
                </div>
			</div>

			<div class="col-xs-12">
                <div class="x_panel">
                    <div class="form-group">
                        <p>
                            <a class="btn btn-success" data-toggle="collapse" href="#collapseExample" role="button"
                                aria-expanded="false" aria-controls="collapseExample">
                                	Log Download
                            </a>
                        </p>
                    	<div class="collapse" id="collapseExample">
                            <div class="card card-body">
                                <table id="my_table_download" class="table table-bordered table-striped"
                                    style="zoom: 0.75;">
										<thead>
											<tr>
												<th class="text-center">Tanggal</th>
												<th class="text-center">Nama</th>
												<th class="text-center">File Name</th>
												<th class="text-center">Status</th>
												<th class="text-center">Action</th>
											</tr>
										</thead	>
                                        <tbody id="load_summary_customer">
                                               @foreach ($download_file as $data)
                                                    <tr>
                                                        <td class="text-left">{{ $data->created_at }}</td>
                                                        <td class="text-left">
                                                            {{ $data->users->name }}
                                                            <div>
                                                                <small>({{ $data->users->username }})</small>
                                                            </div>
                                                        </td>
                                                        <td class="text-left">{{ $data->file_name }}</td>
                                                        <td class="text-left">
                                                            @if ($data->status == '1')
                                                                Berhasil
                                                            @elseif ($data->status == '2')
                                                                <span class="text-danger"><i>Gagal, load data tinggi</i></span>
                                                            @endif
                                                        </td>
                                                        <td class="text-left">
                                                            @if ($data->status == '1')
                                                                @php
                                                                    $hasDownloadReady = true;
                                                                @endphp

                                                                <a href="{{ route('bnc_lei_excel/download_ready_file', [
                                                                    'name' => $data->file_name,
                                                                ]) }}"
                                                                    target="_blank" class="btn btn-success"
                                                                    id="btn_ready_download" onclick="downloadReadyFile()"
                                                                    style="display: ;"><i class="fa fa fa-check"></i>
                                                                    Download File
                                                                </a>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endforeach
                                        </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div>
						<!-- Nav tabs -->
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a href="#no1" aria-controls="no1" role="tab" data-toggle="tab">AUM BNC</a></li>
							<li role="presentation"><a href="#no2" aria-controls="no2" role="tab" data-toggle="tab">AUM Lakuemas</a></li>
						</ul>
						
                                <!-- Tab panes -->
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="no1">
								<div class="x_panel">
									{{-- <h4><center>AUM BNC</center></h4> --}}
									<div class="x_content" id="bnc_aum" style="overflow: auto;">
										<center><i class="fa fa-2x fa-spinner fa-pulse"></i></center>
									</div>
									<div class="row" style="padding-top: 20px;" id="bnc_aum_detail"></div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="no2">
								<div class="x_panel">
									{{-- <h4><center>AUM Lakuemas</center></h4> --}}
									<div class="x_content" id="lei_aum" style="overflow: auto;">
										<center><i class="fa fa-2x fa-spinner fa-pulse"></i></center>
									</div>
									<div class="row" style="padding-top: 20px;" id="lei_aum_detail"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
        </div>
    </div>
    @include('includes.footer')
</div>
@endsection

@section('scripts')
    <script type="text/javascript">
		
		$(document).ready(function() {
			$.ajax({
				url: "{{ url('summary/aum_bnc_lei/bnc') }}",
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					'start' : "{{ $request['start'] }}",
					'end' : "{{ $request['end'] }}",
				},
				success: function(response) {
					$('#bnc_aum').html(response);
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$(".btn-approve").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
				}
			});
			$.ajax({
				url: "{{ url('summary/aum_bnc_lei/lei') }}",
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					'start' : "{{ $request['start'] }}",
					'end' : "{{ $request['end'] }}",
				},
				success: function(response) {
					$('#lei_aum').html(response);
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$(".btn-approve").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
				}
			});
				$('#my_table_download').DataTable({
				searching: false,
				lengthChange: false,
				pageLength: 5,
				order: [
					[0, 'desc']
				]
			});
			
		})
		
		
		function getDetail(period, type) {
			$('#cover-spin').fadeIn();
			$('#content-table-detail').html('<div style="text-align: center; padding-top: 20px;"><i class="fa fa-2x fa-spinner fa-pulse"></i></div>');
			$.ajax({
				url: "{{ url('summary/aum_bnc_lei/bnc_detail_download') }}",
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					'period' : period,
					'type': type,
				},
				success: function(response) {
					$('#bnc_aum_detail').html(response);
					$('html, body').animate({
						scrollTop: $('#bnc_aum_detail').offset().top
					}, 1000);
					
					$('#cover-spin').fadeOut();
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$(".btn-approve").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
					$('#cover-spin').hide();
				}
			});
		}i
		// function downloadDetail(period, type) {
		// 		const form = $('<form>', {
		// 			method: 'POST',
		// 			action: "{{ url('summary/aum_bnc_lei/bnc_detail_download_excel') }}"
		// 		});

		// 		form.append($('<input>', { name: '_token', value: $('meta[name="csrf-token"]').attr('content'), type: 'hidden' }));
		// 		form.append($('<input>', { name: 'period', value: period, type: 'hidden' }));
		// 		form.append($('<input>', { name: 'type', value: type, type: 'hidden' }));

		// 		$('body').append(form);
		// 		form.submit();
		// }

		function downloadDetail(period, type) {
				const form = $('<form>', {
					method: 'GET',
					action: "{{ url('summary/aum_bnc_lei/download') }}"
				});

				form.append($('<input>', { name: '_token', value: $('meta[name="csrf-token"]').attr('content'), type: 'hidden' }));
				form.append($('<input>', { name: 'period', value: period, type: 'hidden' }));
				form.append($('<input>', { name: 'type', value: type, type: 'hidden' }));

				$('body').append(form);
				form.submit();
		}
		
		function getDetailLei(start, end, period, type) {
			$('#cover-spin').fadeIn();
			$('#content-table-detail').html('<div style="text-align: center; padding-top: 20px;"><i class="fa fa-2x fa-spinner fa-pulse"></i></div>');
			$.ajax({
				url: "{{ url('summary/aum_bnc_lei/lei_detail_download') }}",
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					'start' : start,
					'end' : end,
					'period' : period,	
					'type': type,
				},
				success: function(response) {
					$('#lei_aum_detail').html(response);
					$('html, body').animate({
						scrollTop: $('#lei_aum_detail').offset().top
					}, 1000);
					$('#cover-spin').fadeOut();
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$(".btn-approve").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
					$('#cover-spin').hide();
				}
			});
		}

		// function downloadDetailLei(start, end, period, type) {
		// 		const form = $('<form>', {
		// 			method: 'POST',
		// 			action: "{{ url('summary/aum_bnc_lei/lei_detail_download_excel_lei') }}"
		// 		});

		// 		form.append($('<input>', { name: '_token', value: $('meta[name="csrf-token"]').attr('content'), type: 'hidden' }));
		// 		form.append($('<input>', { name: 'start', value: start, type: 'hidden' }));
		// 		form.append($('<input>', { name: 'end', value: end, type: 'hidden' }));
		// 		form.append($('<input>', { name: 'period', value: period, type: 'hidden' }));
		// 		form.append($('<input>', { name: 'type', value: type, type: 'hidden' }));

		// 		$('body').append(form);
		// 		form.submit();
		// }

		function downloadDetailLei(start, end, period, type) {
				const form = $('<form>', {
					method: 'GET',
					action: "{{ url('summary/aum_bnc_lei/download_lei') }}"
				});

				form.append($('<input>', { name: '_token', value: $('meta[name="csrf-token"]').attr('content'), type: 'hidden' }));
				form.append($('<input>', { name: 'start', value: start, type: 'hidden' }));
				form.append($('<input>', { name: 'end', value: end, type: 'hidden' }));
				form.append($('<input>', { name: 'period', value: period, type: 'hidden' }));
				form.append($('<input>', { name: 'type', value: type, type: 'hidden' }));

				$('body').append(form);
				form.submit();
		}

		
		
	</script>
@endsection