<?php $__env->startPush('headsection'); ?>
    <style>
        .hidden-td {
            display: none;
        }

        @media  only screen and (max-width: 600px) {
            #shipping_table_roles tr {
                display: grid;
                width: 100%;
                float: left;
            }

            #shipping_table_roles tr:nth-child(1) {
                display: grid;
                width: 40%;
                float: left;
            }

            #shipping_table_roles tr:nth-child(2) {
                display: grid;
                width: 40%;
                float: none;
            }

            #shipping_table_roles > tbody > tr:nth-child(1) > td:nth-child(1) {
                padding: 3px 1px;
            }

            #shipping_table_roles > tbody > tr:nth-child(1) > td:nth-child(2) {
                padding: 24px 1px;
            }

            #shipping_table_roles > tbody > tr:nth-child(1) > td:nth-child(3) {
                padding: 24px 1px;
            }

            #shipping_table_roles > tbody > tr:nth-child(1) > td:nth-child(4) {
                padding: 24px 1px;
            }

            #shipping_table_roles td, #shipping_table_roles th {
                border-top: transparent;
            }


        }
    </style>
<?php $__env->stopPush(); ?>
<div class="row" style="margin-bottom: 50px;">

    <div class="col-lg-12">
        <div class="row">
            <input type="hidden" name="path_url" id="path_url" value="<?php echo e($user->path_url ?? ''); ?>"/>
            <input type="hidden" name="id" id="id" value="<?php echo e($user->id ?? ''); ?>"/>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="name" class="col-md-12 col-form-label ">Nome</label>
                    <input type="text" class="form-control <?php echo e($errors->has('name') ? ' is-invalid' : ''); ?>" name="name"
                           value="<?php echo e($user->name ?? ''); ?>">
                    <?php if($errors->has('name')): ?>
                        <span class="invalid-feedback" role="alert">
                        <strong><?php echo e($errors->first('name')); ?></strong>
                    </span>
                    <?php endif; ?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="name" class="col-md-12 col-form-label "><?php echo e(__('Cognome')); ?></label>
                    <input type="text" class="form-control<?php echo e($errors->has('surname') ? ' is-invalid' : ''); ?>"
                           name="surname" value="<?php echo e($user->surname ?? ''); ?>">

                    <?php if($errors->has('surname')): ?>
                        <span class="invalid-feedback" role="alert">
                        <strong><?php echo e($errors->first('surname')); ?></strong>
                    </span>
                    <?php endif; ?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="email" class="col-md-12 col-form-label "><?php echo e(__('Indirizzo E-mail')); ?></label>
                    <input type="email" readonly="" class="form-control<?php echo e($errors->has('email') ? ' is-invalid' : ''); ?>"
                           name="email" value="<?php echo e($user->email ?? ''); ?>">
                    <?php if($errors->has('email')): ?>
                        <span class="invalid-feedback" role="alert">
                        <strong><?php echo e($errors->first('email')); ?></strong>
                    </span>
                    <?php endif; ?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="tel_referent">Telefono</label>
                    <input id="tel_referent" type="tel"
                           class="form-control<?php echo e($errors->has('tel_referent') ? ' is-invalid' : ''); ?>"
                           name="tel_referent" value="<?php echo e($user_detail[0]->tel_referent ?? ''); ?>">
                    <?php if($errors->has('tel_referent')): ?>
                        <span class="invalid-feedback" role="alert">
                        <strong><?php echo e($errors->first('tel_referent')); ?></strong>
                    </span>
                    <?php endif; ?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="fiscal_code" class="col-md-12 col-form-label "><?php echo e(__('Codice Fiscale')); ?></label>
                    <input type="text" class="form-control<?php echo e($errors->has('fiscal_code') ? ' is-invalid' : ''); ?>"
                           name="fiscal_code" value="<?php echo e($user_detail[0]->fiscal_code ?? ''); ?>">

                    <?php if($errors->has('fiscal_code')): ?>
                        <span class="invalid-feedback" role="alert">
                        <strong><?php echo e($errors->first('fiscal_code')); ?></strong>
                    </span>
                    <?php endif; ?>
                </div>
            </div>


                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="email" class="col-md-12 col-form-label "><?php echo e(__('Sesso')); ?></label>
                        <select
                            class="form-control product_selection_pool <?php echo e($errors->has('gender') ? ' is-invalid' : ''); ?>"
                            name="gender">
                            <option value="" selected> -</option>
                            <option value="maschio" <?php if($user->gender=='maschio'): ?> selected <?php endif; ?> >
                                Maschio
                            </option>
                            <option value="femmina" <?php if($user->gender=='femmina'): ?> selected <?php endif; ?> >
                                Femmina
                            </option>
                            <option value="altro" <?php if($user->gender=='altro'): ?> selected <?php endif; ?> >Altro
                            </option>

                        </select>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="form-group">
                        <label for="email" class="col-md-12 col-form-label "><?php echo e(__('Data di Nascita')); ?></label>
                        <input type="date" name="born" value='<?php echo e($user->born); ?>'
                               class=" form-control <?php echo e($errors->has('born') ? ' is-invalid' : ''); ?>">
                    </div>
                </div>


                <div class="col-lg-12">
                <div class="form-group">
                    <label for="state_id">Provincia</label>
                    <select class="select form-control <?php echo e($errors->has('state_id') ? ' is-invalid' : ''); ?>" id='state_id'
                            name="state_id" style="width:100% ">
                            <?php $__currentLoopData = $province; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $option): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($option->id); ?>" <?php if($user->user_details->state_id === $option->id): ?> selected <?php endif; ?>><?php echo e($option->provincia); ?></option>
                             <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>
                    <?php if($errors->state_id): ?>
                        <span class="invalid-feedback" role="alert">
                        <strong><?php echo e($errors->first('state_id')); ?></strong>
                    </span>
                    <?php endif; ?>
                </div>
            </div>


            <div class="col-lg-12">
                <div class="form-group">
                    <label for="city_id">Il luogo in cui vivi o cerchi servizi (in questo modo potremo sostenerti nella ricerca)</label>
                    <select name="city_id" class="form-control select" id='city_id' style='width: 100%'>
                        <?php $__currentLoopData = $citta; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $option): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($option->id); ?>" <?php if($user->user_details->city_id === $option->id): ?> selected <?php endif; ?>><?php echo e($option->nome); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>

                    <?php if($errors->city_id): ?>
                        <span class="invalid-feedback" role="alert">
                        <strong><?php echo e($errors->first('city_id')); ?></strong>
                    </span>
                    <?php endif; ?>
                </div>
            </div>

            <div class="col-lg-12">
                    <div class="form-group">
                        <label for="email" class="col-md-12 col-form-label "><?php echo e(__('Indirizzo')); ?></label>
                        <input type="address" name="address" value='<?php echo e($user->address); ?>'
                               class=" form-control <?php echo e($errors->has('address') ? ' is-invalid' : ''); ?>">
                    </div>
                </div>

        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group table-responsive">
            <table id="shipping_table_roles" class="table shipping-settings">
                <tr>
                    <td>
                        Per chi stai cercando sostegno?
                    </td>
                    <td class="hidden-td">
                        Nome
                    </td>
                    <td class="hidden-td">
                        Data di Nascita
                    </td>
                    <td class="hidden-td">
                        Città
                    </td>
                    <td class="hidden-td">
                    </td>
                </tr>
                <?php $__currentLoopData = $user_detail; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $detail): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <tr>
                        <td>
                            <select
                                class="form-control product_selection_pool <?php echo e($errors->has('care_giver_for') ? ' is-invalid' : ''); ?>"
                                name="care_giver_for[]">
                                <option value="" >-</option>
                                <option value="me" <?php if($detail->care_giver_for=='me'): ?> selected <?php endif; ?> >Per me</option>
                                <option value="figlio" <?php if($detail->care_giver_for=='figlio'): ?> selected <?php endif; ?> >Per mio
                                    figlio
                                </option>
                                <option value="figlia" <?php if($detail->care_giver_for=='figlia'): ?> selected <?php endif; ?> >Per mia
                                    figlia
                                </option>
                                <option value="padre" <?php if($detail->care_giver_for=='padre'): ?> selected <?php endif; ?> >Per mio
                                    padre
                                </option>
                                <option value="madre" <?php if($detail->care_giver_for=='madre'): ?> selected <?php endif; ?> >Per mia
                                    madre
                                </option>
                                <option value="sorella" <?php if($detail->care_giver_for=='sorella'): ?> selected <?php endif; ?> >Per mia
                                    sorella
                                </option>
                                <option value="fratello"
                                        <?php if($detail->care_giver_for=='sorelfratellola'): ?> selected <?php endif; ?> >Per mio
                                    fratello
                                </option>

                                <option value="marito" <?php if($detail->care_giver_for=='marito'): ?> selected <?php endif; ?> >Per il
                                    mio compagno/marito
                                </option>
                                <option value="moglie" <?php if($detail->care_giver_for=='moglie'): ?> selected <?php endif; ?> >Per la
                                    mia compagna/moglie
                                </option>
                                <option value="parente" <?php if($detail->care_giver_for=='parente'): ?> selected <?php endif; ?> >Per un
                                    parente
                                </option>
                                <option value="amico" <?php if($detail->care_giver_for=='amico'): ?> selected <?php endif; ?> >Per un
                                    amico
                                </option>

                            </select>
                            <?php if($errors->has('care_giver_for')): ?>
                                <span class="invalid-feedback" role="alert">
                            <strong><?php echo e($errors->first('care_giver_for')); ?></strong>
                        </span>
                            <?php endif; ?>
                        </td>
                        <td>
                            <input type="text"
                                class="form-control product_selection_pool <?php echo e($errors->has('care_giver_for') ? ' is-invalid' : ''); ?>"
                                name="care_giver_name[]"  placeholder="Di cosa hai bisogno ?" value='<?php echo e($detail->care_giver_name); ?>'>
                            <?php if($errors->has('care_giver_name')): ?>
                                <span class="invalid-feedback" role="alert">
                            <strong><?php echo e($errors->first('care_giver_name')); ?></strong>
                        </span>
                            <?php endif; ?>
                        </td>











                        <input type='hidden' name="care_giver_id[]" value='<?php echo e($detail->id); ?>'>
                        <td style="    display: flex;">

                            <button type="button" class="ibtnDel btn btn-md btn-danger"><i class="icofont-trash"></i>
                            </button>
                        </td>
                    </tr>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <tr>
                    <td>
                    </td>
                    <td class="hidden-td">
                    </td>
                    <td class="hidden-td">
                    </td>
                    <td class="hidden-td">
                    </td>
                    <td>
                        <button type="button" class="btn btn-primary btn-block addrow">Aggiungi</button>
                    </td>
                </tr>

            </table>
        </div>

        <div class="col-lg-12">
            <div class="form-group">
                <label for="pathologies">Condizione, disturbo o disabilità per cui cerchi sostegno (puoi indicare più opzioni) </label>
                <div class="col-md-12">
                    <select class="form-control js-example-basic-multiple pathologies" data-id="pathologies"
                            name="pathologies[]" style="width:100% " multiple="multiple">
                    </select>
                    <?php if($errors->professions): ?>
                        <span class="invalid-feedback" role="alert">
                        <strong><?php echo e($errors->first('professions')); ?></strong>
                    </span>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="add_shipping_row_caregiver">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Aggiungi per chi cerchi sostegno</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                <div class="col-lg-12  ">
                    <div class="form-group">
                        <label class=" required col-md-12 col-form-label ">
                            Per chi stai cercando sostegno?
                        </label>
                        <select class=" form-control " name="modal_caregivers_for" id="modal_caregivers_for">
                            <option value="me">Per me</option>
                            <option value="figlio">Per mio figlio</option>
                            <option value="figlia">Per mia figlia</option>
                            <option value="padre">Per mio padre</option>
                            <option value="madre">Per mia madre</option>
                            <option value="sorella">Per mia sorella</option>
                            <option value="fratello">Per mio fratello</option>

                            <option value="marito">Per il mio compagno/marito</option>
                            <option value="moglie">Per la mia compagna/moglie</option>
                            <option value="parente">Per un parente</option>
                            <option value="amico">Per un amico</option>
                        </select>
                    </div>
                </div>
                <div class="col-lg-12  ">
                    <div class="form-group">
                        <label class=" required col-md-12 col-form-label ">
                            Di cosa hai bisogno?
                        </label>

                        <input type="text" id="modal_caregivers_name" class=" form-control " name="">
                    </div>
                </div>








            </div>
            <input type="hidden" name="hidden_row" id="hidden_row">

            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-dismiss="modal">Chiudi</button>
                <button type="button" class="btn btn-success btn-save-modal" data-dismiss="modal">Salva</button>
                <button type="button" class="btn btn-success btn-update-modal" style="display:none"
                        data-dismiss="modal">Aggiorna
                </button>
            </div>

        </div>
    </div>
</div>
<?php $__env->startPush('footersection'); ?>

    <script>
        var counter = 0;
        var PATHOLOGIES = <?php isset($user->pathologies) ? print json_encode($user->pathologies) : print 'null' ?>;

        $(function () {
            $('.btn-save-modal').on("click", function () {
                //console.log(counter);
                addNewShippingRow();
                // addNewInitAutoComplete(counter);
            });
            $('.btn-update-modal').on("click", function () {
                var row = parseInt($('#hidden_row').val());
                console.log($('#modal_caregivers_for').val())
                console.log('#shipping_table_roles tr:nth-child(' + (row + 2) + ') select');
                console.log('_________________');
                $('#shipping_table_roles tr:nth-child(' + (row + 2) + ')  select[name*="modal_caregivers_for"]').val($('#modal_caregivers_for').val());
                $('#shipping_table_roles tr:nth-child(' + (row + 2) + ') input[name*="care_giver_name"]').val($('#modal_caregivers_name').val());
              //  $('#shipping_table_roles tr:nth-child(' + (row + 2) + ') input[name*="care_giver_born"]').val($('#modal_caregivers_born').val());
                $('#shipping_table_roles tr:nth-child(' + (row + 2) + ') input[name*="care_giver_city"]').val($('#modal_caregivers_city').val());
            });
            $(".addrow").on("click", function () {
                $('.btn-save-modal').show();
                $('#modal_caregivers_for').val('');
                $('#modal_caregivers_name').val('');
                $('#modal_caregivers_born').val('');
                $('#modal_caregivers_city').val('');
                $('.modal-title').text('Aggiungi');
                $('#add_shipping_row_caregiver').modal();
            });
            $("table.shipping-settings").on("click", ".ibtnDel", function (event) {
                console.log(counter);
                $(this).closest("tr").remove();
                counter--;
            });
            $("#recipient_type").change(function () {
                saveTextRecipients($(this).val());
            });


        });

        function show_detail(c) {

            $('#modal_caregivers_for').val($('#shipping_table_roles tr:nth-child(' + (c + 2) + ') select[name*="modal_caregivers_for"]').val());
            $('#modal_caregivers_name').val($('#shipping_table_roles tr:nth-child(' + (c + 2) + ') input[name*="care_giver_name"]').val());
           // $('#modal_caregivers_born').val($('#shipping_table_roles tr:nth-child(' + (c + 2) + ') input[name*="care_giver_born"]').val());
            $('#modal_caregivers_city').val($('#shipping_table_roles tr:nth-child(' + (c + 2) + ') input[name*="care_giver_city"]').val());
            $('.btn-save-modal').hide();
            $('.btn-update-modal').show();
            $('.modal-title').text('Modifica');
            $('#hidden_row').val(c);
            $('#add_shipping_row_caregiver').modal();
            // addNewInitAutoComplete(counter);
        }

        function addNewShippingRow() {

            var selected_for = $('#modal_caregivers_for').val();
            var selected_name = $('#modal_caregivers_name').val();
            var selected_born = $('#modal_caregivers_born').val();
            var selected_city = $('#modal_caregivers_city').val();
            var obj = {
                "me": "Per me",
                "figlio": "Per mio figlio",
                "figlia": "Per mia figlia",
                "padre": "Per mio padre",
                "madre": "Per mia madre",
                "sorella": "Per mia sorella",
                "fratello": "Per mio fratello",
                "marito": "Per il mio compagno/marito",
                "moglie": "Per il mio compagna/moglie",
                "parente": "Per un parente",
                "amico": "Per un amico"
            };

            var newRow = $("<tr class='field'>"), cols = '', options = '';
            $('#add_shipping_row_caregiver').modal();
            cols += '<td > <select class="form-control product_selection_pool"  name="care_giver_for[]">' +
                '   <option value="" selected >Seleziona...</option> ';
            $.each(obj, function (index, value) {
                if (selected_for == index) {
                    cols += '<option value="' + index + '" selected  >' + value + '</option> ';
                } else {
                    cols += '<option value="' + index + '"  >' + value + '</option> ';
                }
            });
            cols += '</select>' +
                '</td>';
            cols += '<td class=""><input type="text"  name="care_giver_name[]" class="form-control " value="' + selected_name + '"></td>';
            cols += '</select>' +
                '</td>';
          //  cols += '<td class=""><input type="date"  name="care_giver_born[]" class="form-control " value="' + selected_born + '"></td>';
            cols += '<td style="    display: flex;">' +
                '<button type="button" class="ibtnDel btn btn-md btn-danger"><i class="icofont-trash"></i></button></td>';
            newRow.append(cols);
            $("table.shipping-settings").append(newRow);
            counter++;
        }


        $(function () {

            $('.select').select2()
            $('#state_id').on('change', async function (e) {
                onProvinciaChange( $(this).val(), $('#city_id'))
            })

            $('#file_image').on('change', function () {

                var data = new FormData($("#file_form")[0]);

                //var nameFile = $('#file_image')[0].files[0].name;
                //var typeFile = $('#file_image')[0].files[0].type;
                var sizeFile = $('#file_image')[0].files[0].size;

                if (sizeFile > 2000000) {
                    alert('Immagine troppo grande, il limite massimo è di 2MB');
                    return false;
                }

                $.ajax({
                    url: '/images/images-save',
                    beforeSend: function () {
                        /* null */
                        $('#image_preview_loader').removeClass('hidden');
                    },
                    type: 'POST',
                    processData: false,
                    contentType: false,
                    data: data,
                    success: function (risp) {
                        if (!risp.error) {
                            $('#img_path_preview').attr('src', '/upload/' + risp.file_name);
                            $('#path_url').val(risp.file_name);
                        } else {
                            alert(risp.error);
                        }
                    },
                    complete: function () {
                        $('#image_preview_loader').addClass('hidden');
                    }
                });
            });
            $('.states').select2({
                escapeMarkup: function (text) {
                    return text;
                }
            });

            $('.pathologies').select2({
                escapeMarkup: function (text) {
                    return text;
                }
            });
            $(function () {
                $.ajax({
                    url: '/ajax/ajaxGetPathology',
                    method: "GET",
                    dataType: 'json',
                    success: function (response, status) {
                        $('.pathologies').empty().trigger("change");
                        $.each(response.data, function (key, val) {
                            newOption_website = new Option(val.name, val.id, false, false);
                            $('.pathologies').append(newOption_website);
                        });
                    }
                }).done(function () {
                    var array = [];
                    if (PATHOLOGIES != 'null') {
                        $.each(PATHOLOGIES, function (key, val) {
                            array.push(val.id);
                        });
                        $('.pathologies').val(array);
                        $('.pathologies').trigger('change');
                    }
                });
            });

        });
    </script>

<?php $__env->stopPush(); ?>
<?php /**PATH /var/www/linkabili/resources/views/frontend/profile/components/care_givers/details.blade.php ENDPATH**/ ?>