@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></i> Third Party Sales Report</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="row">
                    <div class="col-xs-12">
                        <ol class="breadcrumb">
                            <li><a href="{{ route('dashboard') }}">Home</a></li>
                            <li><a href="{{ route('third_party_sales_report') }}"> Third Party Sales Report</a></li>
                        </ol>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-12 col-sm-6">
                        <div class="x_panel">
                            <div class="x_title">
                                Filter
                            </div>
                            <div class="x_content">
                                <form id="form-search-1" class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Tanggal Mulai :</label>
                                        <div class="col-xs-6 col-sm-8">
                                            <input id="date_start" name="date_start" type="date" class="form-control" value="{{ $request['date_start'] }}" placeholder="Date Start">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Tanggal Selesai :</label>
                                        <div class="col-xs-6 col-sm-8">
                                            <input id="date_end" name="date_end" type="date" class="form-control" value="{{ $request['date_end'] ? $request['date_end'] : now()->toDateString() }}"  placeholder="Date End">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Remark :</label>
                                        <div class="col-xs-6 col-sm-8">
                                            <select name="remark" id="remark" class="form-control">
                                                <option value="">All</option>
                                                <option value="Buy" @if($request['remark'] == 'Buy') selected @endif>Buy</option>
                                                <option value="Sell" @if($request['remark'] == 'Sell') selected @endif>Sell</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Search :</label>
                                        <div class="col-xs-6 col-sm-8">
                                            <input name="search" id="search" class="form-control" value="{{ $request['search'] ?? '' }}">
                                        </div>
                                    </div> 
                                    <div class="form-group" style="margin-top:20px">
                                        <div class="col-xs-12 col-sm-8 col-sm-offset-4">
                                            <button type="submit" class="btn btn-primary btn-search"><i class="fa fa-search"></i> Search</button>
                                            <a href="{{route('third_party_excel', [
                                                'search' => $request ['search'],
                                                'date_start' => $request['date_start'],
                                                'date_end' => $request['date_end'],
                                                'remark' => $request['remark'],
                                            ])
                                            }}">
                                                {{-- <button type="button" class="btn btn-success"><i class="fa fa-file-excel"></i> Download Excel</button>--}}
                                            </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <div class="x_panel">
                            <div style="font-size: 15px; padding-top: 2px;">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-right">Name</th>
                                            <th class="text-right">Remark</th>
                                            <th class="text-right">Gold Amount</th>
                                            <th class="text-right">Total</th>
                                            <th class="text-right">Total Transaksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {{-- <td class="text-right">{{ number_format ($data->buy_price, 0, ',', '.' ) }}</td> --}}
                                        @foreach ($result_combined as $data)
                                        <tr>
                                            <td class="text-right">{{ $data->bank_name }}</td>
                                            <td class="text-right">{{ $data->remark }}</td>
                                            <td class="text-right">{{ number_format($data->jumlah_emas, 4, ',', '.') }}</td>
                                            <td class="text-right">{{ number_format ($data->total_nett, 0, ',', '.' ) }}</td>
                                            <td class="text-right">{{ number_format ($data->total_remark, 0, ',', '.' ) }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </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('third_party_report/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>
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h2>Data Transaksi Third Party</h2>
                                </div>
                                <div class="col-sm-6 text-right">
                                    @if($download_ready)
                                        @if($download_ready->download_for == "report_third_party")
                                            @if($download_ready->status == '0')
                                                <button class="btn btn-primary" id="prosess" style="display: show;" disabled>
                                                    <i class="fa fa-pulse fa-clock-o"></i> Sedang Mendownload File</button>
                                            @else
                                                <button type="button" id="download_data" class="btn btn-warning" target="_blank">
                                                    Download Report
                                                </button>
                                            @endif
                                        @else
                                            <button type="button" id="download_data" class="btn btn-primary" target="_blank">
                                                Download Report
                                            </button>
                                        @endif
                                    @else
                                        <button type="button" id="download_data" class="btn btn-primary" target="_blank">
                                            <i class="fa fa-file-excel"></i> Download Report
                                        </button>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="x_content" style="zoom: 0.9; overflow: auto;">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">No</th>
                                        <th class="text-left">Bank Name</th>
                                        <th class="text-left">Remark</th>
                                        <th class="text-left">Code</th>
                                        <th class="text-left">User Name</th>
                                        <th class="text-right">Correction Gold</th>
                                        <th class="text-right">Gold Amount</th>
                                        <th class="text-right">Buy Price</th>
                                        <th class="text-right">Sell Price</th>
                                        <th class="text-right">Tax</th>
                                        <th class="text-right">Service Fee</th>
                                        <th class="text-right">Grand Total</th>
                                        <th class="text-right">Date Approved</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $Number = 1;
                                    @endphp
                                    @foreach ($page_combine as $index => $data)
                                    <tr>
                                        <td class="text-center">{{ (($page_combine->currentPage() - 1) * $page_combine->perPage()) + $loop->index + 1 }}</td>
                                        <td class="text-left">{{ $data->bank_name }}</td>
                                        <td class="text-left">{{ $data->remark }}</td>
                                        <td class="text-left">{{ $data->code }}</td>
                                        <td class="text-left">{{ $data->name }}</td>
                                        <td class="text-right">{{ number_format($data->emas_koreksi, 4, ',', ',') }}</td>
                                        <td class="text-right">{{ number_format($data->jumlah_emas, 4, ',', ',') }}</td>
                                        <td class="text-right">{{ number_format($data->buy_price, 0, ',', '.') }}</td>
                                        <td class="text-right">{{ number_format($data->sell_price, 0, ',', '.') }}</td>
                                        <td class="text-right">{{ number_format($data->tax_nominal, 0, ',', ',') }}</td>
                                        <td class="text-right">{{ number_format($data->service_fee, 0, ',', '.') }}</td>
                                        <td class="text-right">{{ number_format($data->grandtotal, 0, ',', '.') }}</td>
                                        <td class="text-right">{{ date('d-m-Y', strtotime($data->date_approved)) }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            {{ $page_combine->links() }}
                        </div>
                    </div>
                    <input type="hidden" id="is_downloaded" value="0">
                </div>
@endsection


@section('scripts')
@include('includes.helper_js')
<script>
    $(document).ready(function() {
        $('#my_table_download').DataTable({
            searching: false,
            lengthChange: false,
            pageLength: 5,
            order: [
                [0, 'desc']
            ]
        });
    });

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

    function check_download_process(id) {
        $.ajax({
            url: "{{ url('/third_party_report/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();
            }

            if (response.status == "failed") {
                alert("Proses Download Anda Gagal, Load Download data Anda tinggi!");
                location.reload();
            }
        });
        return false;
    }

    $("#download_data").click(function (e) {
    var date_start = $('input[name="date_start"]').val();
    var date_end = $('input[name="date_end"]').val();
    var remark = $('#remark').val();
    var search = $('input[name="search"]').val();

    var url = '/third_party_report/download';

    url = url + '?date_start=' + encodeURIComponent(date_start) +
          '&date_end=' + encodeURIComponent(date_end) +
          '&remark=' + encodeURIComponent(remark) +
          '&search=' + encodeURIComponent(search);

    Helper.redirectTo(url);
    e.preventDefault();
});

</script>
@endsection