@extends('layouts.app')

@section('content')
<!-- end sidebar menu -->
<!-- start page content -->
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <!--<div class="pull-left">
                        <div class="page-title text-danger">Sin Sucursal</div>
                    </div>-->
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('/Observaciones') }}">Listado de Observaciones</a>
                        &nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Observacion Fija - {{isset($edit) ? 'Actualizar' : 'Nueva'}}</li>
                </ol>
            </div>
        </div>
        <!-- start widget -->
        <!-- start admited patient list -->
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <div class="card  card-box">
                    <div class="card-head">
                        <header>Observacion Fija - {{isset($edit) ? 'Actualizar' : 'Nueva'}}</header>
                    </div>
                    @if(isset($edit))
                    {!! Form::model($edit,['url' => ['observacion/actualizar/'.$edit->observacion_fija_id],'method'=>'PATCH','id'=>'frmClientes']) !!}
                    @else
                    {!! Form::open(['url' => 'observacion','method'=>'POST','role'=>'form','id'=>'frmContratos']) !!}
                    @endif
                    <div class="card-body">
                        <div class="row">
                            
                            <div class="col-md-6">
                                {!! Form::mtext('observacion_fija_descripcion',isset($edit) ? $edit->observacion_fija_descripcion : null,'Descripción Observacion',$errors,6,true,true,[['onkeyup'=>'javascript:this.value=this.value.toUpperCase()']]) !!}
                            </div>

                            <div class="col-md-6">
                                {!! Form::mselect('observacion_fija_estado',$estados, isset($edit) ? ($edit->observacion_fija_estado == 0 ? 0 : 1) : 1,'Estado Observacion',$errors,6,false) !!}
                            </div>
                           
                        </div>
                    </div>
                    <div class="card-footer text-center">
                        <div class="text-center">
                            <button type="submit" class="btn bg-success">Aceptar</button>
                            <a class="btn bg-danger" href="{{url('observaciones')}}">Cancelar</a>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    $(document).ready(function() {

        //Initialize Select2 Elements
        $('.select2').select2()


        $('#frmContratos').validate({
            rules: {
                nombre: {
                    required: true
                },
                estado: {
                    required: true
                },
            },
            messages: {
                nombre: {
                    required: "Campo nombre es requerido"
                },
                estado: {
                    required: "Campo estado es requerido"
                },
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });
    });
</script>
@endsection