@extends('base')
@section('extracss')
    <style>
        .newEmpleadoForm {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 1rem;
        }

        .span3 {
            grid-column: span 3;
        }

        .span2 {
            grid-column: span 2;
        }

        .rowSpan4 {
            grid-row: span 4;
        }

        #photoEmpleado {
            object-fit: contain;
            2
        }

    </style>
@endsection

@section('extrajs')
    <script>
        function onUploadPhoto(evt) {
            const image = document.querySelector("#photoEmpleado");

            var tgt = evt.target || window.event.srcElement,
                files = tgt.files;

            // FileReader support
            if (FileReader && files && files.length) {
                var fr = new FileReader();
                fr.onload = function() {
                    image.src = fr.result;
                }
                fr.readAsDataURL(files[0]);
            }
        }
    </script>
@endsection
@section('content')
    @include('sessions')
    <br>
    <div class="mt-4 w-75 mx-auto">
        @php
            $action = 'edit';
        @endphp
        @include('RecursosHumanos.Empleados.EmpleadosForm')
    </div>
@endsection