@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">EDIT SOURCE</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 mb-4">
    <div class="card-header">
        ADD A SOURCE
    </div>
    <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="POST" action="{{ route('source_management.save_source') }}" id="form_data">
            @csrf
            <div class="row">
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">Source name</label>
                        <input name="source_name" value="{{ old('source_name') }}" type="text" class="form-control">
                    </div>
                </div>
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">Source address</label>
                        <input name="source_address" value="{{ old('source_address') }}" type="text"
                            class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">Source parameter</label>
                        <input name="source_parameter" value="{{ old('source_parameter') }}" type="text"
                            class="form-control">
                    </div>
                </div>
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">Application</label>
                        <select class="form-select form-control" aria-label="application_id" name="application_id">
                            @foreach ($viewData["all_applications"] as $application)
                            <option value="{{ $application->get_id()  }}">{{ $application->get_application_name()  }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">File name to be created</label>
                        <input name="file_name" value="{{ old('file_name') }}" type="text" class="form-control">
                    </div>
                </div>
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">File format</label>
                        <select class="form-select form-control" aria-label="file_format" name="file_format">
                            <option value="csv">CSV</option>
                            <option value="json">JSON</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">Source description</label>
                        <input name="source_description" value="{{ old('source_description') }}" type="text"
                            class="form-control">
                    </div>
                </div>
                <div class="col">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="{{ old('production') }}" id="production"
                            name="production">
                            <input {{ old('production')=='1' ? 'checked':'' }} class="form-check-input" type="checkbox" value="1" id="production"
                            name="production">                            
                        <label class="form-check-label" for="production">
                            Production
                        </label>
                    </div>
                </div>
            </div>
            <button type="submit" class="btn btn-primary">ADD SOURCE</button>
            <button type="button" class="btn btn-primary" id="search_button" data-attr="{{route('source_management.search_sources')}}">SEARCH SOURCES</button>            
        </form>
    </div>
</div>

<div class="card" id="list_sources">
    <div class="card-header">
        LIST OF CREATED SOURCES
    </div>
    <div class="card-body">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th class="order_select" scope="col" onclick="tri_resultats('id')">
                        @if ($viewData["indicateur"]=='id')
                            @if ($viewData["order"]=='DESC')
                                &darr; #
                            @else
                                &uarr; #
                            @endif                                
                        @else
                            #
                        @endif         
                    </th>
                    <th class="order_select" scope="col" onclick="tri_resultats('source_name')">
                        @if ($viewData["indicateur"]=='source_name')
                            @if ($viewData["order"]=='DESC')
                                &darr; Source name
                            @else
                                &uarr; Source name
                            @endif                                
                        @else
                            Source name
                        @endif         
                    </th>
                    <th class="order_select" scope="col" onclick="tri_resultats('source_description')">
                        @if ($viewData["indicateur"]=='source_description')
                            @if ($viewData["order"]=='DESC')
                                &darr; Source description
                            @else
                                &uarr; Source description
                            @endif                                
                        @else
                            Source description
                        @endif         
                    </th>
                    <th class="order_select" scope="col" onclick="tri_resultats('source_address')">
                        @if ($viewData["indicateur"]=='source_address')
                            @if ($viewData["order"]=='DESC')
                                &darr; Source address
                            @else
                                &uarr; Source address
                            @endif                                
                        @else
                            Source address
                        @endif         
                    </th>                                                            
                    <th class="order_select" scope="col" onclick="tri_resultats('source_parameter')">
                        @if ($viewData["indicateur"]=='source_parameter')
                            @if ($viewData["order"]=='DESC')
                                &darr; Source parameter
                            @else
                                &uarr; Source parameter
                            @endif                                
                        @else
                            Source parameter
                        @endif         
                    </th>  
                    <th class="order_select" scope="col" onclick="tri_resultats('file_format')">
                        @if ($viewData["indicateur"]=='file_format')
                            @if ($viewData["order"]=='DESC')
                                &darr; File format
                            @else
                                &uarr; File format
                            @endif                                
                        @else
                            File format
                        @endif         
                    </th>  
                    <th class="order_select" scope="col" onclick="tri_resultats('file_name')">
                        @if ($viewData["indicateur"]=='file_name')
                            @if ($viewData["order"]=='DESC')
                                &darr; File name
                            @else
                                &uarr; File name
                            @endif                                
                        @else
                            File name
                        @endif         
                    </th>                                          
                    <th class="order_select" scope="col" onclick="tri_resultats('application_name')">
                        @if ($viewData["indicateur"]=='application_name')
                            @if ($viewData["order"]=='DESC')
                                &darr; Application name
                            @else
                                &uarr; Application name
                            @endif                                
                        @else
                            Application name
                        @endif         
                    </th>    
                    <th class="order_select" scope="col" onclick="tri_resultats('production')">
                        @if ($viewData["indicateur"]=='production')
                            @if ($viewData["order"]=='DESC')
                                &darr; Production
                            @else
                                &uarr; Production
                            @endif                                
                        @else
                            Production
                        @endif         
                    </th>                                                               
                    <th scope="col">Last modification date</th>                         
                    <th scope="col">Edit</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($viewData["all_sources"] as $source)
                <tr>
                    <th scope="row">{{ $source->get_id() }}</th>
                    <td>{{ $source->get_source_name()  }}</td>
                    <td>{{ $source->get_source_description()  }}</td>     
                    <td title="{{ $source->get_source_address() }}">
                    @if (strlen($source->get_source_address()) > 30)
                        {{ substr($source->get_source_address(),0,30)  }}...
                        @else
                        {{ $source->get_source_address() }}
                    @endif
                    </td>
                    <td title="{{ $source->get_source_parameter() }}">
                    @if (strlen($source->get_source_parameter()) > 15)
                        {{ substr($source->get_source_parameter(),0,15)  }}...
                        @else
                        {{ $source->get_source_parameter() }}
                    @endif                    
                    </td>
                    <td>{{ $source->get_file_format() }}</td>
                    <td title="{{ $source->get_file_name() }}">
                    @if (strlen($source->get_file_name()) > 15)
                        {{ substr($source->get_file_name(),0,15)  }}...
                        @else
                        {{ $source->get_file_name() }}
                    @endif
                    </td>                    
                    <td>{{ $source->get_application()->get_application_name() }}</td> 
                    <td>{{ $source->get_production() }}</td>
                    <td>{{ $source->get_updated_at() }}</td>    
                    <td>
                        <a class="btn btn-primary" id="open_link"
                            data-attr="{{route('source_management.edit_source_modal', ['id'=> $source->get_id()])}}"
                            title="show">
                            <i class="bi-pencil"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </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
    })
});

// Recherche d'une source
$(document).on('click', '#search_button', function(event) {
    event.preventDefault();
    let href = $(this).attr('data-attr');
    let donnee_form = $("#form_data").serialize();
    $.ajax({
        url: href,
        data: donnee_form,        
        beforeSend: function() {
            $('#loader').show();
        },
        // return the result
        success: function(result) {
            //$('#myModal').modal("show");
            $('#list_sources').html(result).show();
            //$('#list_users').html("test").show();
        },
        complete: function() {
            $('#loader').hide();
        },
        error: function(jqXHR, testStatus, error) {
            console.log(error);
            alert("Page " + href + " cannot open. Error:" + error);
            $('#loader').hide();
        },
        timeout: 8000
    })
});


//var order_table = new Array;
let order_table = {};
//par defaut la page est construite ainsi
order_table['id'] = "DESC";

function tri_resultats(indicateur)
{
    //analyse du tableau
    
    if (typeof order_table[indicateur] === 'undefined' || order_table[indicateur] === null) 
    {
        order_table[indicateur] = "DESC";
    }
    else
    {
        if (order_table[indicateur] == "DESC")
        {
            order_table[indicateur] = "ASC"
        }
        else
        {
            order_table[indicateur] = "DESC"
        }
    }

    let href = $("#search_button").attr('data-attr');
    let donnee_form = $("#form_data").serialize();
    donnee_form = donnee_form + "&indicateur=" + indicateur + "&order=" + order_table[indicateur];
    $.ajax({
        url: href,
        data: donnee_form,        
        beforeSend: function() {
            $('#loader').show();
        },
        // return the result
        success: function(result) {
            //$('#myModal').modal("show");
            $('#list_sources').html(result).show();
            //$('#list_users').html("test").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