@extends('layouts.app')

@section('content')
    <ol class="breadcrumb">
        <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
        <li class="breadcrumb-item class_select"> <a href="{!! route('supervisors.index') !!}">Supervisor</a></li>
        <li class="breadcrumb-item">Visualizar supervisor</li>
    </ol>
    {{-- <section class="content-header">
        <h1>
            Supervisor
        </h1>
    </section> --}}
    <div class="row justify-content-between">
        <div class="col-8 col-xl-8">
            <h1 style="float:left" class="page-title">Supervisor</h1>
            {{-- <a class="btnDanger btn1 float_left btn_create" href="{{ route('crear.objetivo',['supervisor_id' => $supervisor->id]) }}">Objetivo --}}
                {{-- semanal</a> --}}
        </div>
        {{-- <div class="col-4">
            <a href="{!! route('supervisors.index') !!}" class="btn3 btnInfo">Regresar</a>
        </div> --}}
    <div class="widget" style="background-color:#f9fbfd;">
        <div class="box box-primary">
            <div class="box-body">
                    @include('supervisors.show_fields')
            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script>
    $(document).ready(function(){
        $('.abrirModal').click(function () {
            let id = $(this).attr('data-id');
            $('.id_supervisorP').val(id);
        });

        // $('#btnAccept').click(function () {
        //     let id_supervisorP = $('.id_supervisorP').val();
        //     $.ajax({
        //         url: url_dinamica + "/api/supervisor_objetivos/" + id_supervisorP,
        //         method: "DELETE",
        //         dataType: "JSON",
        //         type: 'PUT',
        //         success: function (value) {
        //             console.log('entra');
        //             console.log(value);
        //             $('#modalOpen').modal('hide');

        //             location.reload();
        //         },
        //         error: function (xhr, estado, error) {

        //         }
        //     });
        // });

    });
    $("#btnAsignar").click(function(){
        $("#modalAsignacion").modal();
    });

    $('#modalRompimientoPoliticaDelete').click(function(){
        $('#modalDeletePolitica').modal();
        $(this).data('id');
        $('#valRompimientoDelete').text($(this).data('id'));
        $('#btnConfirmDeleteRompimiento').attr('href', '/api/eliminarRompimientoSupervisor/'+($(this).data('id')));
    });

    $('#modalErrorAdministrativoDelete').click(function(){
        $('#modalDeleteError').modal();
        $(this).data('id');
        $('#valErrorDelete').text($(this).data('id'));
        $('#btnConfirmDeleteError').attr('href','/api/eliminarErrorSupervisor/'+($(this).data('id')));
    });

    $("#btn_modal_confirm").click(function(){
        $("#confirm_asignacion").text($("#cantidad").val());
        $("#modalAsignacion").modal('hide');
        setTimeout(function() {
            $("#modalConfirm").modal();
        }, 500);
    });

    $("#btn_confirm_asignacion").click(function(){
        $("#formAsignacion").submit();
    });

    $(".formatNumbers").on("keypress keyup blur", function(event) {
        $(this).val($(this).val().replace(/[^0-9]/g, ''));
        var numero = $(this).val().toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
        $(this).val(numero);
    });
</script>
@endsection