@section('header')
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
@stop

@if($acc == "list" )
    @include('layouts.breadcumb')

    <div class="row">

        <div class="panel panel-orange panel-border">
            <div class="panel-heading">

            </div>

            <!-- panel body -->
            <div class="panel-body">

                <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                    <thead>

                    <tr>
                        <th width="8%">QQ NUMBER</th>
                        <th width="30%">NOMBRE</th>
                        <th width="30%">CONTACTO</th>
                        <th>EMAIL</th>
                        <th>TELEFONO</th>
                        <th width="2%">Editar</th>
                    </tr>
                    <tr class="filter-column-tr">
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>

    </div>

    <div class="md-fab-wrapper">
        <a href="{{ $baseUrl }}/add/" data-toggle="modal-ajax-med" class="md-fab md-fab-danger show-loading waves-light waves-effect">
            <i class="mdi mdi-account-plus"></i>
        </a>
    </div>
    @endif
            <!--Acción para Agregar o Editar Nuevo Proveedor-->
    @if( $acc != "list" )
        <form method="post" action="{{ $baseUrl }}" role="form" class="validate">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">
                    {{ ($acc == 'add')?'AGREGAR':'EDITAR' }} BENEFICIARIO
                </h4>
            </div>
            <div class="modal-body">
                <div class="form-group col-md-4 no-padding-left">
                    <label for="nombre">QQ NUMBER - 数</label>
                    <input data-validate="required" required value="{{ $beneficiario->qq_number }}" type="text" name="qq_number" id="qq_number"
                           class="form-control"/>
                </div>
                <div class="form-group col-md-8 no-padding-left">
                    <label for="nombre">NOMBRE - NAME - 展位编号</label>
                    <input data-validate="required" required value="{{ $beneficiario->nombre }}" type="text" name="nombre" id="nombre"
                           class="form-control"/>
                </div>
                <div class="form-group col-md-12 no-padding-left">
                    <label for="nombre">CONTACTO - CONTACT - 联系</label>
                    <input data-validate="required" required value="{{ $beneficiario->contacto }}" type="text" name="contacto" id="contacto"
                           class="form-control"/>
                </div>
                <div class="form-group col-md-12 no-padding-left">
                    <label for="nombre">DIRECCION - ADDRESS - 地址</label>
                    <input data-validate="required" required value="{{ $beneficiario->direccion }}" type="text" name="direccion" id="direccion"
                           class="form-control"/>
                </div>

                <div class="form-group col-md-6 no-padding-left">
                    <label for="nombre"><i class="glyphicon glyphicon-phone-alt"></i>&nbsp;NUMBER - 电话号码</label>
                    <input data-validate="required" required value="{{ $beneficiario->telefono}}" type="number" name="telefono" id="telefono"
                           class="form-control"/>
                </div>
                <div class="form-group col-md-6 no-padding-left">
                    <label for="nombre"><i class="glyphicon glyphicon-phone"></i>&nbsp;NUMBER - 手机号码</label>
                    <input data-validate="required" required value="{{ $beneficiario->celular}}" type="number" name="celular" id="celular"
                           class="form-control"/>
                </div>
                <div class="form-group col-md-12 no-padding-left">
                    <label for="nombre"><i class="glyphicon glyphicon-send"></i>&nbsp;E-mail - 电子邮件</label>
                    <input data-validate="required" required value="{{ $beneficiario->email }}" type="email" name="email" id="email"
                           class="form-control"/>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-inverse btn-rounded waves-effect btn-lg btn-icon" data-dismiss="modal"><i
                            class="fa fa-close"></i> Cerrar</button>
                <button type="submit" data-loading-text="Loading..." class="btn btn-orange btn-rounded waves-light waves-effect btn-icon btn-lg"><i
                            class="fa fa-save"></i> Guardar</button>
            </div>
            <input type="hidden" name="_token" value="