@extends('layouts.app')

@section('content')
<div class="container">
    <h3>Datos Proveedores</h3>
    {!! Form::open(['route' => 'suppliers.store']) !!}
    @csrf

    @if ($errors->any())

        <div class="alert alert-danger">

            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

            <ul>

                @foreach ($errors->all() as $error)

                    <li>{{ $error }}</li>

                @endforeach

            </ul>

        </div>

    @endif

    @if (Session::has('success'))

        <div class="alert alert-success">

            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

            <p>{{ Session::get('success') }}</p>

        </div>

    @endif
        <div class="row">
            <div class="col-sm-12">
                <label for="name">Nombre</label>
                <input type="text" class="form-control" id="name" name="name">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <label for="description">Description</label>
                <input type="text" class="form-control" id="description" name="description">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <label for="address">Direccion</label>
                <input type="text" class="form-control" id="address" name="address">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <label for="contact">Nombre de Contacto</label>
                <input type="text" class="form-control" id="contact" name="contact">
            </div>
            <div class="col-sm-6">
                <label for="contact">Nombre de Contacto 2</label>
                <input type="text" class="form-control" id="contact2" name="contact2">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4">
            <label for="code">RFC</label>
                <input type="text" class="form-control" id="rfc" name="rfc">
            </div>
            <div class="col-sm-4">
                <label for="telephone1">Telefono 1</label>
                <input type="text" class="form-control" id="telephone1" name="telephone1">
            </div>
            <div class="col-sm-4">
                <label for="telephone2">Telefono 2</label>
                <input type="phone" class="form-control" id="telephone2" name="telephone2">
            </div>
        </div>
        <div class="row pb-2">
            <div class="col-sm-3 ">
                <label for="zipcode">Codigo Postal</label>
                <input type="text" class="form-control" id="zipcode" name="zipcode">
            </div>
            <div class="col-sm-3">
                <label for="email">Email</label>
                <input type="email" class="form-control" id="email" name="email">
            </div>
            <div class="col-sm-3">
                <label for="email">Email 2</label>
                <input type="email" class="form-control" id="email2" name="email2">
            </div>
            <div class="col-sm-3 pb-2">
                <label for="paymenttype">Tipo Pago</label>
                <select class="form-control" id="paymenttype" name="paymenttype">
                    <option value="0">Seleccionar</option>
                    <option value="Contado">Contado</option>
                    <option value="Credito 7 Dias">Credito 7 Dias</option>
                    <option value="Credito 15 Dias">Credito 15 Dias</option>
                    <option value="Credito 21 Dias">Credito 21 Dias</option>
                    <option value="Credito 30 Dias">Credito 30 Dias</option>
                </select>
            </div>
        </div>
       
        {{ Form::submit('Grabar Proveedor',null,'class="btn btn-success"') }}
        {!! Form::close() !!}

    
</div>
@stop
@push('scripts')
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"> defer</script>
<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
<script>
var tblClients;
$( document ).ready(function() {
   
    tblClients =  $('#tbl_clients').DataTable({
        processing: true,
        serverSide: true,
        dom: 'lBfrtip',
        ajax: {
          url: '{!! route('clientdata') !!}',
        },
        language: {
              "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
              },
        buttons: [
          'csv', 'excel', 'pdf'
        ],
        columns: [
            { data: 'id', name: 'id' },
            { data: 'code', name: 'code' },
            { data: 'name', name: 'name' },
            { data: 'rfc', name: 'rfc' },
            { data: 'status', name: 'status' }
        ],
        aoColumnDefs: [
            {
                "targets": [4],
                "mRender": function ( data,type, row ) {
                    var estatus = '';
                    switch (data) {
                        case "1":
                        estatus = 'Activo';
                        break;
                        case "2":
                        estatus = 'No Activo';
                        break;
                        default:
                        estatus = 'Activo'
                    }
                    
                    return estatus;
                }
            }
        ]
    });


    
});

</script>
@endpush