@extends('layouts.app')



@section('content')



<div class="container">
    @if(isset($mensaje))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <h4 class="alert-heading">Cliente Creado</h4>
        El Cliente Fue creado Correctamente
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif

    <div class="row justify-content-center mt-4" style=" position:relative; top:40px; " >

        <div class="col-md-5 col-sm-12 ">
            <div class="card shadow-sm">

                <div class="card-header">
                    <a href="{{route('home')}}" class="btn btn-button btn-primary">
                        <i class="fas fa-chevron-circle-left"></i> ir a Inicio
                    </a>
                    {{-- <hr> --}}
                    <span class="float-right lead">{{ __('Registro de Nuevo Cliente') }}</span>
                </div>

                <div class="card-body">
                    <form method="POST" action="{{ route('addcliente') }}">
                        @csrf

                        <div class="form-group row">

                            <div class="input-group col-md-11 container-fluid py-2">
                                <div class="input-group-prepend">
                                    <label style="min-width:90px;" for="name" class="input-group-text">{{ __('Nombre') }}</label>
                                </div>
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                    name="nombre" value="{{ old('nombre') }}" required autocomplete="nombre" autofocus>

                                @error('nombre')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="input-group col-md-11 container-fluid py-2">
                                <div class="input-group-prepend ">
                                    <label style="min-width:90px;" for="name" class="input-group-text">{{ __('Rut') }}</label>
                                </div>
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                    name="rut" value="{{ old('rut') }}" required autocomplete="rut"
                                    autofocus>

                                @error('rut')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="input-group col-md-11 container-fluid py-2">
                                <div class="input-group-prepend ">
                                    <label style="min-width:90px;" for="name" class="input-group-text">{{ __('Telefono') }}</label>
                                </div>
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                    name="telefono" value="{{ old('telefono') }}" required autocomplete="telefono"
                                    autofocus>

                                @error('telefono')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <!--label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Nombre') }}</label>

                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="nombre" value="{{ old('nombre') }}" required autocomplete="nombre" autofocus>

                                @error('nombre')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div-->


                            <div class="input-group col-md-11 container-fluid py-2">
                                <div class="input-group-prepend">
                                    <label style="min-width:90px;" for="email" class="input-group-text">{{ __('E-mail') }}</label>
                                </div>
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror"
                                    name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="input-group col-md-11 container-fluid py-2">
                                <div class="input-group-prepend">
                                    <label style="min-width:90px;" for="name" class="input-group-text">{{ __('Direccion') }}</label>
                                </div>
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                    name="direccion" value="{{ old('direccion') }}" required autocomplete="direccion"
                                    autofocus>

                                @error('direccion')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="input-group col-md-11 container-fluid py-2">
                                <div class="input-group-prepend">
                                    <label style="min-width:90px;" for="name" class="input-group-text">{{ __('Comuna') }}</label>
                                </div>
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                    name="comuna" value="{{ old('comuna') }}" required autocomplete="comuna" autofocus>

                                @error('comuna')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <!--label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail') }}</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div-->
                        </div>

                        {{-- <div class="form-group row">

                            <!--div class="input-group col-md-9 container-fluid">
                                    <div class="input-group-prepend">
                                        <label for="password" class="input-group-text">{{ __('Password') }}</label>
                </div>
                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror"
                    name="password" required autocomplete="new-password" autofocus>

                @error('password')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                @enderror
                </div-->

                <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

                <div class="col-md-6">
                    <input id="password" type="text" class="form-control @error('password') is-invalid @enderror"
                        name="password" required autocomplete="new-password">

                    @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>
            </div>

            <div class="form-group row">

                <!--div class="input-group col-md-9 container-fluid">
                                <div class="input-group-prepend">
                                    <label for="password-confirm" class="input-group-text">{{ __('Confirmar Password') }}</label>
                                </div>
                                <input id="password-confirm" type="password" class="form-control" name="password-confirmation"  required autocomplete="new-password" autofocus>

                            </div-->

                <label for="password-confirm"
                    class="col-md-4 col-form-label text-md-right">{{ __('Confirmar Password') }}</label>

                <div class="col-md-6">
                    <input id="password-confirm" type="text" class="form-control" name="password_confirmation" required
                        autocomplete="new-password">
                </div>
            </div> --}}
                        {{-- <div class="form-group row">
                            <div class="input-group col-md-9 container-fluid">
                                <div class="input-group-prepend">
                                    <label class="input-group-text form-control " for="empresa">Empresa</label>
                                </div>
                                <select class="custom-select form-control @error('empresa') is-invalid @enderror" id="empresa" name="empresa">
                                    <option selected value="0">Seleccione la empresa</option>
                                    @if($empresas)
                                        @foreach($empresas as $emp)
                                            <option value="{{ $emp->id }}">{{ $emp->username }}</option>
            @endforeach
            @endif
            </select>
        </div>
        @error('empresa')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>

    <div class="form-group row">
        <div class="input-group col-md-9 container-fluid">
            <div class="input-group-prepend">
                <label class="input-group-text form-control" for="rol">Tipo Instalador</label>
            </div>
            <select class="custom-select form-control @error('rol') is-invalid @enderror" id="rol" name="rol">
                <option selected value="0">Seleccione el Tipo de Instalador</option>
                <option value="1">Instalador Todos los Permisos</option>
                <option value="2">Instalador Basico</option>
            </select>
        </div>
        @error('rol')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div> --}}

    <div class="form-group row">
        <div class="col-md-11 container-fluid">
            <button type="submit" class="btn btn-primary btn-block">
                {{ __('Registrar') }}
            </button>
        </div>
    </div>
    </form>
</div>
</div>
</div>

<div class="col-md-7 col-sm-12">
    <div class="card">

        <div class="card-header lead">

            {{ __('Listado de Clientes') }}
        </div>

        <div class="card-body table-responsive" id="tclientes">
            <table class="table table-striped table-bordered px-0 resp4" style="display:table" >
                <thead class="col-12">
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Nombre</th>
                        <th scope="col">Rut</th>
                        <th scope="col">Telefono</th>
                        <th scope="col">Direccion</th>
                        <th scope="col">Comuna</th>
                    </tr>
                </thead>
                <tbody class="col-12">
                    @foreach ($clientes as $item)
                        <tr>
                            <td scope="row">{{$loop->index+1}}</td>
                            <td>{{$item['nombre']}}</td>
                            <td>{{$item['rut_cliente']}}</td>
                            <td>{{$item['telefono']}}</td>
                            <td>{{$item['direccion']}}</td>
                            <td>{{$item['comuna']}}</td>
                        </tr>
                    @endforeach
                    
                    
                </tbody>
            </table>
        </div>
    </div>
</div>
</div>
</div>
@endsection