@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=""
            id="form_update"
            enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <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="{{ $viewData['selected_source']->get_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="{{ $viewData['selected_source']->get_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="{{ $viewData['selected_source']->get_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 
                                    {{ old('application_id',$viewData['selected_source']->get_application_id())==$application->get_id() ? 'selected':''}}
                                    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="{{ $viewData['selected_source']->get_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 {{ old('file_format',$viewData['selected_source']->get_file_format())=='csv' ? 'selected':'' }} value="csv">CSV</option>
                            <option {{ old('file_format',$viewData['selected_source']->get_file_format())=='json' ? 'selected':'' }} 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="{{ $viewData['selected_source']->get_source_description() }}" type="text" class="form-control">
                    </div>
                </div>
                <div class="col">
                    <div class="form-check">
                        <input {{ old('production',$viewData['selected_source']->get_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>          
        </form>
        <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" id="button_save_form" data-attr="{{ route('source_management.update_source_modal', ['id'=> $viewData['selected_source']->get_id()]) }}">Save changes</button>
        <form action="{{ route('source_management.delete_source', $viewData['selected_source']->get_id())}}"
                            method="POST" onsubmit="return confirm('Are you sure you want to delete this source ?')"
                            title="delete source">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-danger">
                                <i class="bi-trash"></i>
                            </button>
                        </form>
    </div>


<script>
    //send modal form to update data
    $(document).on('click', '#button_save_form', function(event) {
    event.preventDefault();
    var href = $('#button_save_form').attr('data-attr');
    var donnee_form = $(form_update).serialize();

    $.ajax({
        type: "POST",
        url: href,
        data: donnee_form,
        beforeSend: function() {
            // $('#loader').show();
        },
        // return the result
        success: function(result) {
            window.location.reload(true);
        },
        complete: function() {
            // $('#loader').hide();
        },
        error: function(jqXHR, testStatus, error) {
            console.log(error);
            alert("Page " + href + " cannot open. Error:" + error);
            // $('#loader').hide();
        },
        timeout: 8000
    })
});