@extends('metronic.base')
@section('extracss')
@endsection
@section('extrajs')
@endsection

@section('titulo')
    Tipos de cliente
@endsection

@section('content')
    @include('sessions')
    {{-- <h3 style="text-align: center">Tipo de precios</h3> --}}
    <div class="card shadow-sm">
        <div class="card-body">
            <form method="post" action="{{ route('cliente.tipoClienteStore') }}">
                @csrf
                <div class="row">
                    <div class="col-md-4">
                        <label for="">Tipo de cliente</label>
                        <input type="text" name="tipo" class="form-control">
                    </div>
                    <div class="col-md-12 mt-1 mb-3">
                        <button type="submit" class="btn btn-primary"><i class="ki-outline ki-check-circle fs-2"></i> Guardar</button>
                    </div>
                </div>
            </form>
            @if (count($data) > 0)
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr class="fw-semibold fs-6 text-gray-800 border-bottom border-gray-200">
                            <th scope="col" width="70">#</th>
                            <th scope="col">Tipo de cliente</th>
                            <th width="60">Acción</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data as $key => $item)
                            <td> {{ $key + 1 }} </td>
                            <td>{{ $item->tipo }}</td>
                            <td>
                                <form method="post" action="{{ route('cliente.tipoClienteDelete', ['id' => $item->id]) }}">
                                    @method('delete')
                                    @csrf
                                    <button type="submit" class="btn"><i class="ki-outline ki-trash fs-2x text-danger"></i></button>
                                </form>
                            </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <div class="alert alert-danger">
                    <strong>¡Opps! Parece que no tienes ningun precio registrado.</strong>
                </div>
            @endif
        </div>
    </div>
@endsection