{{--
Creado por Yonarkis Linares
Fecha: 22/11/2017/
--}}

@extends('layouts/master')
@section('header')
    {{--<link href="{!! asset('/css/jquery.dataTables.min.css')  !!}" rel="stylesheet">
    <link href="{!! asset('/css/dataTables.bootstrap.min.css')  !!}" rel="stylesheet">--}}
   {{-- <link rel="stylesheet" href="{!! asset('css/jquery.tablesorter.pager.css') !!}" type="text/css">--}}
@endsection
@section('content')

    @if(session('msj') && session('cod') == false)
        <div class="alert alert-danger col-sm-6 col-sm-push-3" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('msj') }}</strong>
        </div>
    @endif

    <script type="text/javascript">
        $('document').ready(function () {
            $("#crearRecolecta").validate({
                showErrors: function (errorMap, errorList) {
                    //LIMPIAR LOS TOOLTIPS PARA LOS ELEMENTOS VÁLIDOS
                    $.each(this.validElements(), function (index, element) {
                        var $element = $(element);
                        $element.data("title", "") // BORRAR EL TITULO - NO HAY ERROR ASOCIADO
                            .removeClass("error")
                            .tooltip("destroy");
                    });

                    // CREAR LOS TOOLTIPS PARA ELEMENTOS INVÁLIDOS
                    $.each(errorList, function (index, error) {
                        var $element = $(error.element);
                        $element.tooltip("destroy") // DESTRUIR TODO TOOLTIP EXISTENTE PARA PODER CREAR UNO NUEVO
                            .data("title", error.message)
                            .addClass("error")
                            .tooltip(); // CREAR UN NUEVO TOOLTIP CON EL MENSAJE DE ERROR ASOCIADO AL TITULO AGREGADO
                    });
                }
            });
        });
    </script>
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-dark">
                <div class="panel-heading">
                    <h3 class="panel-title">Crear Recolecta</h3>
                </div>
                <div class="panel-body">
                    <form method="POST" action="{{ route('crear') }}"

                          accept-charset="UTF-8" enctype="multipart/form-data" id="crearRecolecta">
                <div class="center">
                    <label class="radio-inline"><input type="radio" name="optradio">Eventual</label>
                    <label class="radio-inline"><input type="radio" name="optradio">Fija</label>
                </div>
                        <div class="panel-body center form-group">
                            <label for="codcliente" class="text-dark"><b>CODIGO CLIENTE:</b></label>
                            <input type="number" style="width : 150px; heigth : 150px; align-content: center" id="codcliente" name="codcliente"
                                   data-container="body"
                                   data-msg-required="Este campo es Requerido."
                                   data-rule-required="true"
                                   class="form-control"

                            >
                        <input type="hidden" style="width : 150px; heigth : 150px" id="checkcodcliente" name="checkcodcliente"
                               value="on">
                        <input type="hidden" style="width : 150px; heigth : 150px" id="busqueda" name="busqueda"
                               value="1">
                        </div>
                 <div class="panel-body">
                    <button type="submit" class="btn btn-primary btn-sm" style="float: right;">Aceptar</button>
                    <a href="{{ route('index') }}" class="btn btn-default btn-sm"
                       style="float: right; margin-right: 20px">Volver</a>
                </div>
                </form>
            </div>
        </div>
    </div>
    </div>
@endsection