@extends('layouts.app')

@section('content')
<div class="container">
    <h3>Datos Cliente</h3>
    {!! Form::model($client, ['route' => ['clients.update', $client->id ]]) !!}
    @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">
                {!! Form::label('name', 'Nombre') !!}
                {!! Form::text('name', '', ['class' => 'form-control']) !!}
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                {!! Form::label('code', 'Codigo') !!}
                {!! Form::text('code', '', ['class' => 'form-control']) !!}
            </div>
            <div class="col-sm-6">
                {!! Form::label('rfc', 'RFC') !!}
                {!! Form::text('rfc', '', ['class' => 'form-control']) !!}
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                {!! Form::label('contact1', 'Contacto 1') !!}
                {!! Form::text('contact1', '', ['class' => 'form-control']) !!}
            </div>
            <div class="col-sm-6">
                {!! Form::label('contact2', 'Contacto 2') !!}
                {!! Form::text('contact2', '', ['class' => 'form-control']) !!}
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                {!! Form::label('telephone1', 'Telefono') !!}
                {!! Form::text('telephone1', '', ['class' => 'form-control']) !!}
            </div>
            <div class="col-sm-6">
                {!! Form::label('telephone2', 'Celular') !!}
                {!! Form::text('telephone2', '', ['class' => 'form-control']) !!}
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                {!! Form::label('email', 'Email') !!}
                {!! Form::text('email', '', ['class' => 'form-control']) !!}
            </div>
            <div class="col-sm-6">
                <label for="code">Lista de Precios</label>
                {{ Form::select('pricelist_id', $pricelists, $client->pricelist_id ,['class' => 'form-control']) }}
            </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