@extends('layouts.app')

@section('content')
<div class="container">
    <h3>Datos Cliente</h3>
    {!! Form::open(['route' => 'clients.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" value="{{old('name')}}">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <label for="code">Codigo</label>
                <input type="text" class="form-control" id="code" name="code" value="{{old('code')}}">
            </div>
            <div class="col-sm-6">
            <label for="code">RFC</label>
                <input type="text" class="form-control" id="rfc" name="rfc" value="{{old('rfc')}}">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <label for="code">Contacto 1</label>
                <input type="text" class="form-control" id="contact1" name="contact1" value="{{old('contact1')}}">
            </div>
            <div class="col-sm-6">
                <label for="code">Contacto 2</label>
                <input type="text" class="form-control" id="contact2" name="contact2" value="{{old('contact2')}}">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <label for="code">Telefono</label>
                <input type="text" class="form-control" id="telephone1" name="telephone1"  value="{{old('telephone1')}}">
            </div>
            <div class="col-sm-6">
                <label for="code">Celular</label>
                <input type="text" class="form-control" id="telephone2" name="telephone2"  value="{{old('telephone2')}}">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <label for="code">Email</label>
                <input type="text" class="form-control" id="email" name="email" value="{{old('email')}}">
            </div>
            <div class="col-sm-6">
                <label for="code">Lista de Precios</label>
                <select class="form-control" id="pricelist_id" name="pricelist_id">
                    <option value="0">Seleccionar</option>
                    @foreach($pricelists as $pricelist)                      
                        @if (old('pricelist_id') == $pricelist->id)
                            <option value="{{ $pricelist->id }}" selected>{{ $pricelist->name }}</option>
                        @else
                            <option value="{{ $pricelist->id }}">{{ $pricelist->name }}</option>
                        @endif
                    @endforeach
                </select>
            </div>
        </div>
        {{ Form::submit('Grabar Cliente') }}
        {!! 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