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

<div class="card mb-4">
    <div class="card-body">
        @if($errors->any())
        <ul class="alert alert-danger list-unstyled">
            @foreach($errors->all() as $error)
            <li>- {{ $error }}</li>
            @endforeach
        </ul>
        @endif
        <form method="get" action="{{ route('customer_management.display_search_customer') }}">
            @csrf
            <div class="row">
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">CUSTOMER</label>
                        <select class="form-select form-control" aria-label="search_id" name="search_id">
                            <option selected>Please select a customer</option>
                            @foreach ($viewData["all_customers"] as $customer)
                            <option value="{{ $customer->get_id()  }}">{{ $customer->get_customer_name() }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col">
                    <button type="submit" class="btn btn-primary">SEARCH</button>
                </div>
            </div>
        </form>
    </div>
</div>

<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">EDIT USER</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>

@if($viewData['data']['customer'] !== null AND $viewData['data']['customer']->count())
<div class="card">
    <div class="card-header">CUSTOMER INFORMATION

    </div>
    <div class="card-body">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Customer name</th>
                    <th scope="col">Customer internal name</th>
                    <th scope="col">SSO type</th>
                    <th scope="col">SSO Address</th>
                    <th scope="col">Edit</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ $viewData["data"]['customer']->get_id() }}</td>
                    <td>{{ $viewData["data"]['customer']->get_customer_name() }}</td>
                    <td>{{ $viewData["data"]['customer']->get_internal_customer_name() }}</td>
                    <td>{{ $viewData["data"]['customer']->get_sso_type() }}</td>
                    <td>{{ $viewData["data"]['customer']->get_sso_address() }}</td>
                    <td>
                        <a class="btn btn-primary" id="open_link"
                            data-attr="{{route('customer_management.edit_customer_modal', ['id'=> $viewData["data"]['customer']->get_id() ])}}"
                            title="Edit the user">
                            <i class="bi-pencil"></i>
                        </a>
                    </td>
                </tr>
            </tbody>
        </table>

    </div>
</div>
@else
<div class="card-header">
    Customer details : no data
</div>
@endif

<BR>
@if($viewData['data']['contract'] !== null AND $viewData['data']['contract']->count())
<div class="card">
    <div class="card-header">
        CONTRACT DETAILS
    </div>
    <div class="card-body">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Application name</th>
                    <th scope="col">Reference</th>
                    <th scope="col">Dates</th>
                    <th scope="col">Tenant ID</th>
                    <th scope="col">Client ID</th>
                    <th scope="col">Client secret</th>
                    <th scope="col">Edit</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($viewData['data']['contract'] as $key => $val)
                <tr>
                    <td>{{ $val->get_id() }}</td>
                    <td>{{ $val->get_application()->get_application_name() }}</td>
                    <td>{{ $val->get_reference() }}</td>
                    <td>{{ $val->get_start_date() }} - {{ $val->get_end_date() }}</td>
                    <td>{{ $val->get_tenant_id() }}</td>
                    <td>{{ $val->get_client_id() }}</td>
                    <td>{{ $val->get_client_secret() }}</td>
                    <td>
                        <a class="btn btn-primary" id="open_link"
                            data-attr="{{route('contract_management.edit_contract_modal', ['id'=> $val->get_id() ])}}"
                            title="Edit the user">
                            <i class="bi-pencil"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{-- $viewData["data"]['users_found']->links() --}}
    </div>
</div>
@else
<div class="card-header">
    Contract detail : no data
</div>
@endif

<BR>
@if($viewData['data']['application'] !== null AND $viewData['data']['application']->count())
<div class="card">
    <div class="card-header">
        APPLICATIONS
    </div>
    <div class="card-body">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Application name</th>
                    <th scope="col">Storage repository</th>
                    <th scope="col">Edit</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($viewData['data']['application'] as $key => $val)
                <tr>
                    <td>{{ $val->get_id() }}</td>
                    <td>{{ $val->get_application_name() }}</td>
                    <td>{{ $val->get_storage_repository() }}</td>
                    <td>
                        <a class="btn btn-primary" id="open_link"
                            data-attr="{{route('application_management.edit_application_modal', ['id'=> $val->get_id() ])}}"
                            title="Edit the user">
                            <i class="bi-pencil"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{-- $viewData["data"]['users_found']->links() --}}
    </div>
</div>
@else
<div class="card-header">
    Application detail : no data
</div>
@endif

<BR>
@if($viewData['data']['source'] !== null AND $viewData['data']['source']->count())
<div class="card">
    <div class="card-header">
        SOURCES
    </div>
    <div class="card-body">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Source name</th>
                    <th scope="col">Source description</th>
                    <th scope="col">Source address</th>
                    <th scope="col">Source parameter</th>
                    <th scope="col">File format</th>
                    <th scope="col">File name</th>
                    <th scope="col">Production</th>
                    <th scope="col">Edit</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($viewData['data']['source'] as $key => $val)
                <tr>
                    <td>{{ $val->get_id() }}</td>
                    <td>{{ $val->get_source_name() }}</td>
                    <td>{{ $val->get_source_description() }}</td>
                    <td>{{ $val->get_source_address() }}</td>
                    <td>{{ $val->get_source_parameter() }}</td>
                    <td>{{ $val->get_file_format() }}</td>
                    <td>{{ $val->get_file_name() }}</td>
                    <td>{{ $val->get_production() }}</td>
                    <td>
                        <a class="btn btn-primary" id="open_link"
                            data-attr="{{route('user_management.edit_user_modal', ['id'=> $val->get_id() ])}}"
                            title="Edit the user">
                            <i class="bi-pencil"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{-- $viewData["data"]['users_found']->links() --}}
    </div>
</div>
@else
<div class="card-header">
    Sources detail : no data
</div>
@endif

<BR>
@if($viewData['data']['user'] !== null AND $viewData['data']['user']->count())
<div class="card">
    <div class="card-header">
        USERS
    </div>
    <div class="card-body">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">User name</th>
                    <th scope="col">Email</th>
                    <th scope="col">Qlik directory</th>
                    <th scope="col">Licence</th>
                    <th scope="col">Edit</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($viewData['data']['user'] as $key => $val)
                <tr>
                    <td>{{ $val->get_id() }}</td>
                    <td>{{ $val->get_firstname() }} {{ $val->get_lastname() }}</td>
                    <td>{{ $val->get_email() }}</td>
                    <td>{{ $val->get_directory() }}</td>
                    <td>{{ $val->get_licence() }}</td>
                    <td>
                        <a class="btn btn-primary" id="open_link"
                            data-attr="{{route('user_management.edit_user_modal', ['id'=> $val->get_id() ])}}"
                            title="Edit the user">
                            <i class="bi-pencil"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{-- $viewData["data"]['users_found']->links() --}}
    </div>
</div>
@else
<div class="card-header">
    Users details : no data
</div>
@endif


<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