@extends("theme.layout")
@section('content-layout')



<div class="tab-content">
    <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
        <div class="row">
            <div class="col-md-12">


                <form method="post" autocomplete="off" id="form_login" action="{{route('setzoneworkdetail')}}">


                    @csrf

                    <input type="hidden" class="form-control" name="id" id="id" @if(isset($dataform)) value="{{$dataform->id}}" @endif>


                        <div class="main-card mb-3 card">
                            <div class="card-header"> <i class="header-icon pe-7s-news-paper icon-gradient bg-love-kiss"></i>Formulario</div>
                            <div class="card-body">
                                <div class="row">
                                    @if ($errors->any())
                                    <div class="alert alert-danger error-validation-form-backend">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                    @endif
                                    <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h6>nombre Zona <spam style="color:red;font-size:14px">*</spam>
                                                </h6>
                                            </label>
                                            <input type="text" class="form-control" name="name" id="name" @if(isset($dataform)) value="{{$dataform->name}}" @endif data-validation-regexp='^[a-zA-Z0-9\s]+$'  
                                            data-validation="required|custom"

                                            >

                                        </div>
                                    </div>
                                  
                                    <div class="col-md-4">
                                        <div class="form-group mb-3">
                                            <label>
                                                <h6>Area de Trabajo <spam style="color:red;font-size:14px">*</spam>
                                                </h6>
                                            </label>



                                        <select name="zone_work_id" id="zone_work_id" class="form-select form-control select2-form"  data-validation-regexp='^\d+$'  
                                             data-validation="">
                                          <option value="">Seleccione</option>

                                          

                                            @foreach($ZoneWork as $row)
                                            <option value="{{ $row->id}}"

                                             {{ (isset($dataform) && $dataform->zone_work_id == $row->id) ? 'selected' : '' }}>{{ $row->name}}</option>


                                            @endforeach

                                        </select>





                                        </div>
                                    </div>
                                  

                                </div>

                            <div class="d-block text-end card-footer">
                                <a href="{{route('listzoneworkdetail')}}" class="btn-icon btn btn-danger btn-lg"><i class="pe-7s-back btn-icon-wrapper"></i> Cancelar</a>

                                <button type="submit" class="btn-icon btn btn-success btn-lg"><i class="pe-7s-diskette btn-icon-wrapper"></i> Guardar</button>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script>




    $(function() { 
        $.validate({
            form: '#form_login'
            , lang: 'es'
        , });
    });

</script>

@endsection