@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 Voucher CMK X LEI</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

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

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">End date :</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" type="date" name="end" id="end"
                                            value="{{ $request['end'] }}" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Jenis Filter :</label>
                                    <div class="col-sm-4">
                                        <select id="type_filter" name="type_filter" class="form-control"
                                            value="{{ $request['type_filter'] }}">   
                                            {{-- <option value="">all</option> --}}
                                            <option value="tanggal_created" {{ $request['type_filter'] == 'tanggal_created' ? 'selected' : '' }}>Tanggal
                                                created</option>
                                            <option value="tanggal_pakai" {{ $request['type_filter'] == 'tanggal_pakai' ? 'selected' : '' }}>Tanggal
                                                Pakai</option>
                                        </select>
                                    </div>
                                </div>
                                {{-- <div class="form-group">
                                    <label class="col-sm-3 control-label">Jenis Voucher :</label>
                                    <div class="col-sm-4">
                                        <select id="voucher" name="voucher" class="form-control"
                                            value="{{ $request['voucher'] }}">
                                            <option value="">-- Pilih Voucher --</option>
                                            <option value="voucher nominal"
                                                {{ $request['voucher'] == 'voucher nominal' ? 'selected' : '' }}>voucher
                                                nominal</option>
                                            <option value="voucher gramasi"
                                                {{ $request['voucher'] == 'voucher gramasi' ? 'selected' : '' }}>voucher
                                                gramasi</option>
                                        </select>
                                    </div>
                                </div> --}}
                                {{-- <div class="form-group">
                                    <label class="col-sm-3 control-label">Sponsor :</label>
                                    <div class="col-sm-4">
                                        <select id="sponsors" name="sponsors" class="form-control">
                                            <option value="">-- Pilih Sponsor --</option>
                                            @foreach ($sponsor as $data)
                                                <option value="{{ $data->name }}"
                                                    @if (request()->sponsors == $data->name) selected @endif>{{ $data->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </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 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="myTable" 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
                                                            @endif
                                                        </td>
                                                        <td class="text-left">
                                                            @if ($data->status == '1')
                                                                @php
                                                                    $hasDownloadReady = true;
                                                                @endphp
                                                                <a href="{{ route('summary_voucher/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 Excel FA
                                                                </a>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> --}}

                    <div class="x_panel">
                        {{-- <div class="x_content">
                            <div class="text-right mb-3">
                                @if ($download_ready)
                                    @if ($download_ready->status == '0')
                                        <button class="btn btn-warning" id="prosess" style="display: show;" disabled><i
                                                class="fa fa fa-pulse fa-clock-o"></i> Sedang mendownload file</button>
                                    @else
                                        @php
                                            $date_end = \Carbon\Carbon::parse($request['end'])->format('Y-m-d');
                                        @endphp
                                        
                                            @if(\Carbon\Carbon::parse($request['start'])->diffInDays($date_end) <= 31)
                                                <a href="{{ route('summary_voucher/download', [
                                                    'start' => $request['start'],
                                                    'end' => $request['end'],
                                                    'sponsors' => $request['sponsors'],
                                                    'voucher' => $request['voucher'],
                                                    'filter' => $request['filter'],
                                                ]) }}"
                                                    class="btn btn-primary" style="display: ;"><i class="fa fa-download"></i>
                                                    Download Excel FA</a>
                                            @else
                                                <button class="btn btn-primary" disabled>
                                                    <i class="fa fa-download"></i> Download Excel FA
                                                    <br>
                                                    Maksimal Download 30 atau 31 Hari
                                                </button>
                                            @endif
                                    @endif
                                @else
                                    <a href="{{ route('summary_voucher/download', [
                                        'start' => $request['start'],
                                        'end' => $request['end'],
                                        'sponsors' => $request['sponsors'],
                                        'voucher' => $request['voucher'],
                                        'filter' => $request['filter'],
                                    ]) }}"
                                        class="btn btn-primary" style="display: ;"><i class="fa fa-download"></i>
                                        Download Excel FA</a>
                                @endif
                                <a href="{{ route('summary_voucher/download/general', [
                                    'start' => $request['start'],
                                    'end' => $request['end'],
                                    'sponsors' => $request['sponsors'],
                                    'voucher' => $request['voucher'],
                                    'filter' => $request['filter'],
                                ]) }}"
                                    target="_blank" class="btn btn-primary" style="display: ;"><i
                                        class="fa fa-download"></i> Download Summary</a>
                            </div>
                        </div> --}}
                        <div class="table-container" id="report_table">
                            <table class="table table-bordered table-striped" id="data-table" style="zoom: 0.8">
                                <thead>
                                    <tr>
                                        <th class="text-center">Group Sponsor</th>
                                        <th class="text-center">Sponsor</th>
                                        <th class="text-center">Jenis Voucher</th>
                                        <th class="text-center">Jumlah Create</th>
                                        <th class="text-center">Nilai Create</th>
                                        <th class="text-center">Belum Aktif</th>
                                        <th class="text-center">Belum Aktif Value</th>
                                        <th class="text-center">Belum Dipakai</th>
                                        <th class="text-center">Belum Dipakai Value</th>
                                        <th class="text-center">Sudah Dipakai</th>
                                        <th class="text-center">Sudah Dipakai Value</th>
                                        <th class="text-center">Disable</th>
                                        <th class="text-center">Expired</th>
                                        <th class="text-center">Expired Value</th>
                                    </tr>
                                </thead>
                                <tbody id="load_report_table">
                                    <tr>
                                        <td colspan="14" class="text-center">
                                            <i class="fa fa-spinner fa-spin fa-3x" aria-hidden="true"></i>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" id="is_downloaded" value="0">
    @include('includes.footer')
    </div>

    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
    <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
    @section('scripts')
    @include('includes.helper_js')
    <script>

        $(document).ready(function() {
            setTimeout(function() {
                getTable();
            }, 1000);
        });

        function getTable() {
            Axios.post('/summary/cmk_x_lei_data', {
                start: $('#start').val(),
                end: $('#end').val(),
                type_filter: $('select[name="type_filter"]').val(),
                voucher: $('select[name="voucher"]').val(),
                sponsors: $('select[name="sponsors"]').val(),
            }).then(function(response) {
                $('#report_table').html(response.data);
            }).catch(function(error) {
                Helper.handleErrorResponse(error);
            });
        }



        $(document).ready(function() {
            $('#myTable').DataTable({
                searching: false,
                lengthChange: false,
                pageLength: 5,
                order: [
                    [0, 'desc']
                ]
            });
        });

        // @if ($download_ready)
        //     @if ($download_ready->status == '0')
        //         setInterval(() => {
        //             var is_downloaded = $('#is_downloaded').val();
        //             if (is_downloaded == '0') {
        //                 check_download_proceess({{ $download_ready->id }});
        //             }
        //         }, 5000);
        //     @endif
        // @endif

        function check_download_proceess(id) {
            $.ajax({
                url: "{{ url('summary/voucher/check_download_process') }}/" + id,
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            }).done(function(response) {
                if (response.status == "completed") {
                    $('#is_downloaded').val(1);
                    $('#file_download').show();
                    $('#prosess').hide();

                    alert("Proses Download Anda Selesai")
                    location.reload();
                }
            });
            return false;
        }
    </script>
@endsection