@extends(layoutTenant())

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <h4 class="page-title float-left">Editar Usuario</h4>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="row">
    <!-- ============================================================== -->
    <!-- validation form -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <h5 class="card-header">Editar usuario</h5>
            <div class="card-body">
                <form action="{{ routeTenant('usuariosapp.atualizar', ['id' => $categorie->id]) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="form-row">
                        <input type="hidden" name="account_id" value="{{ $categorie->account_id }}" class="form-control" id="nome">
                        @include('app.admin.usuarios._form')
                    </div>
                    <div class="row">
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
                            <button type="submit" class="btn btn-primary" name="editar">Salvar sair</button>
                            <button type="submit" class="btn btn-primary">Salvar Usuario</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- end validation form -->
    <!-- ============================================================== -->
</div>
@endsection

@section('post-script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
<script>
    $(document).ready(function() {
        $('#telefone').mask('(00) 0000-00009');
    });

    document.getElementById("file_upload").onchange = function() {
        document.getElementById("uploadFile").value = this.value;
    };

    document.getElementById("file_upload2").onchange = function() {
        document.getElementById("uploadFile2").value = this.value;
    };
</script>
<script src="https://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<script>
    $(document).ready(function() {
        $("#materia").click(function() {
            var isChecked = $(this).is(":checked");
            $(".inputs-list1 input[type='checkbox']").prop("checked", isChecked);
        });

        $(".inputs-list1 input[type='checkbox']").click(function() {
            var materiaCheckbox = $(this).closest('.materia').find('input[name="materia"]');
            var isChecked = $(this).is(":checked");
            var anyChecked = false;
            $(".inputs-list1 input[type='checkbox']").each(function() {
                if ($(this).is(":checked")) {
                    anyChecked = true;
                    return false;
                }
            });
            materiaCheckbox.prop("checked", anyChecked);
        });

        $("#vertodasmaterias").click(function() {
            var allChecked = $(this).is(":checked");
            $(".row input[type='checkbox']").not("#role").prop("checked", allChecked);
        });

        $(".row input[type='checkbox']").not("#vertodasmaterias").not("#role").click(function() {
            var isChecked = $(this).is(":checked");
            if (!isChecked) {
                $("#vertodasmaterias").prop("checked", false);
            } else {
                var allChecked = $(".row input[type='checkbox']").not("#role").not("#feriado").not("#vertodasmaterias").not(":checked").length === 0;
                $("#vertodasmaterias").prop("checked", allChecked);
            }
        });
    });
</script>
@endsection