@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-primary 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%">TARJETA</th>
                        <th width="8%">QQ NUMBER</th>
                        <th width="8%">BOOTH NUMBER</th>
                        <th width="20%">TELEFONO</th>
                        <th width="20%">EMAIL</th>
                        <th width="20%">CONTACTO</th>
                        <th width="2%">Editar</th>
                    </tr>
                    <tr class="filter-column-tr">
                        <th></th>
                        <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><br />
        <a href="{{ $baseUrl }}/unf/" data-toggle="modal-ajax-med" class="md-fab md-fab-success show-loading waves-light waves-effect">
            <i class="mdi mdi-account-multiple-outline"></i>
        </a>
    </div>
@endif
<!--Acción para Agregar o Editar Nuevo Proveedor-->
@if( $acc == "add" || $acc == "edit" )
    <form method="post" action="{{ $baseUrl }}" role="form" enctype="multipart/form-data" 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' }} PROVEEDOR
            </h4>
        </div>
        <div class="modal-body">
            <div class="form-group col-md-6 no-padding-left">
                <label for="nombre">BOOTH NUMBER - 展位编号</label>
                <input data-validate="required" required value="{{ $proveedor->boot_number }}" type="text" name="boot_number" id="boot_number"
                       class="form-control"/>
            </div>
            <div class="form-group col-md-6 no-padding-left">
                <label for="nombre">QQ NUMBER - 数</label>
                <input data-validate="required" required value="{{ $proveedor->qq_number }}" type="text" name="qq_number" id="qq_number"
                       class="form-control"/>
            </div>
            <div class="form-group col-md-12 no-padding-left">
                <label for="nombre">NOMBRE - NAME - 展位编号</label>
                <input data-validate="required" required value="{{ $proveedor->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="{{ $proveedor->contacto }}" type="text" name="contacto" id="contacto"
                       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="{{ $proveedor->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="{{ $proveedor->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="{{ $proveedor->email }}" type="email" name="email" id="email"
                       class="form-control"/>
            </div>
            <div class="clearfix"></div>
            <div class="form group col-sm-12">
                <div class="clearfix"></div>
                <br>
                <div class="form group col-sm-4">
                    <div class="fileinput fileinput-new" data-provides="fileinput">
                        <div class="fileinput-new thumbnail" style="width: 145px; height: 150px;" data-trigger="fileinput">
                            <img name="tarjeta" class="image-zoom-big" data-url="/files/proveedores/{{ $proveedor->tarjeta }}" src="/thumb/phpThumb.php?src=/public/files/proveedores/{{ $proveedor->tarjeta }}&w=200&h=200&far=1&bg=FFFFFF&q=99" alt="{{ $proveedor->tarjeta }}">
                        </div>
                        <div class="fileinput-preview fileinput-exists thumbnail" style="width: 150px;"><span class="fileinput-new">Tarjeta del Proveedor</span></div>
                    </div>
                </div>
                <div class="form group col-sm-6">
                    <div class="fileinput fileinput-new" data-provides="fileinput">
                        <div>
                            <span class="btn btn-white btn-file" style="margin-bottom: 5px !important; margin-top: 60px !important;">
                                <span class="fileinput-exists">Cambiar</span>
                                <input type="file" name="tarjeta" accept="image/*">
                            </span><br/>
                            <a href="#" class="btn btn-brown btn-rounded fileinput-exists" data-dismiss="fileinput">Borrar</a>
                        </div>
                    </div>
                </div>
            </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="