@extends('layouts.app')
@section('title', $viewData["title"])
@section('subtitle', $viewData["subtitle"])
@section('content')

<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Source collector message</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="modal_body">
                ...
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        Source Collector
    </div>
    <div class="card-body">
        @if ($viewData['data'][0]->count() == 0)
        No sources available to run the tests
        @endif

        @foreach ($viewData['data'] as $active_customer)
        @if ($active_customer->count())
        <div class="row g-3">
            <div class="col-md-12 text-center">
                <h4>{{ $active_customer->get('customer_name') }}</h4>
            </div>
            <hr class="mx-auto" style="width:50%">
            <div class="col-12">
                <table class="table table-hover table-borderless">
                    <tr>
                        <th>Validity of Customer credentials</th>
                        <th>Editor API availability</th>
                        <th>FTP availability</th>
                     </tr>
                    <tr>
                        <td>@if ($active_customer->get('token') === 1)
                            <i class="bi-key text-success"
                                title="Customer credentials are valid to get a token from editor API"> OK</i>
                            @else
                            <i class="bi-key text-danger"
                                title="Customer credentials are not valid to get a token from editor API"> NOK -
                                warning</i>
                            @endif
                        </td>
                        <td>@if ($active_customer->get('download') === 1)
                            <i class="bi-cloud-download text-success" title="Editor API is available"> OK</i>
                            @else
                            <i class="bi-cloud-download text-danger" title="Editor API can't be reached"> NOK -
                                warning</i>
                            @endif
                        </td>
                        <td>@if ($active_customer->get('ftp') === 1)
                            <i class="bi-hdd-network text-success" title="FTP server to store sources is available">
                                OK</i>
                            @else
                            <i class="bi-hdd-network text-danger" title="FTP server to store sources can't be reached">
                                NOK - warning</i>
                            @endif
                        </td>
                    </tr>
                </table>
            </div>
            <div class="col-12">
                <a class="btn btn-primary btn-sm" id="open_link"
                    data-attr="{{ route('source_collector_management.manual_download', ['customer_id'=> $active_customer->get('customer_id')]) }}"
                    title="Collect all the sources for this customer now">
                    <i class="bi-save2"></i> Collect all sources for
                    {{ $active_customer->get('customer_name') }}
                </a>
            </div>

            <hr class="mx-auto" style="width:50%">

            <div class="col-12">
                <table class="table table-hover table-borderless">
                    <tr>
                        <th>Sources</th>
                        <th>Last collector date</th>
                        <th>Collect source</th>
                    </tr>
                    @foreach ($active_customer['source'] as $active_source)
                    <tr>
                        <td>{{ $active_source['source_name'] }}</td>
                        <td>{{ $active_source['last_collect_date'] }}</td>
                        <td>
                            <a class="btn btn-primary btn-sm" style="font-size: 0.75rem;" id="open_link"
                                data-attr="{{ route('source_collector_management.manual_download_source', ['customer_id'=> $active_source['customer_id'], 'source_id'=> $active_source['source_id']]) }}"
                                title="Collect only {{ $active_source['source_name'] }} source">
                                <i class="bi-save" style="font-size: 0.75rem;"></i> Collect source
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </table>
            </div>

        </div>
        <BR><BR>
        @endif
        <hr class="py-1">
        <BR><br>
        @endforeach


    </div>
</div>

<script>
$(document).on('click', '#open_link', function(event) {
    event.preventDefault();
    let href = $(this).attr('data-attr');
    $.ajax({
        url: href,
        beforeSend: function() {
            $('#loader').show();
        },
        // return the result
        success: function(result) {
            $('#myModal').modal("show");
            $('#modal_body').html(result).show();
        },
        complete: function() {
            $('#loader').hide();
        },
        error: function(jqXHR, testStatus, error) {
            console.log(error);
            alert("Page " + href + " cannot open. Error:" + error);
            $('#loader').hide();
        },
        timeout: 8000
    })
});
</script>
@endsection