@extends('metronic.base')
@section('extracss')
    <style>
        input:disabled,
        select:disabled {
            border: none !important;
            background: gainsboro !important;
            border-radius: 0 !important;
        }

        select::-ms-expand {
            display: none;
        }

        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
        }

        .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')
    <br>
    <div class="mt-4 w-75 mx-auto">

        @php
            $action = 'view';
        @endphp
        @include('RecursosHumanos.Empleados.EmpleadosForm')
    </div>
@endsection