@extends('layouts.app')
@section('content')
    <div class="x_panel">
        <div class="x_title">
            <h3>Logs de Fallas en Sistema</h3>
        </div>
        <div class="row">
            <div class="col-md-6">
                <form action="{{ route('fails.index') }}" method="get" class="ml-3">
                    <label for="">
                        <i style="color: #2a3f5463;">Buscador</i>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control rounded-start-5" placeholder="Encontrar coincidencias"
                                name="search" aria-label="Recipient's username" aria-describedby="button-addon2"
                                value="{{ request('search') }}">
                            <button class="btn btn-malva rounded-end-5" type="submit" id="button-addon2">Buscar</button>
                        </div>
                    </label>

                </form>
            </div>
            <div class="col-md-6">
                {{ $logs->links() }}
            </div>
        </div>

        <div class="x_content">

            <table class="table table-striped table-hover">
                <thead class="bg-malva text-white">
                    <tr>
                        <th>Id</th>
                        <th>Line</th>
                        <th>File</th>
                        <th>Error</th>
                        <th>Fecha</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($logs as $log)
                        <tr>
                            <td>{{ $log->id }}</td>
                            <td>{{ $log->line }}</td>
                            <td>{{ $log->file }}</td>
                            <td>{{ $log->message }}</td>
                            <td>{{ $log->updated_at }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div>
                {{ $logs->links() }}
            </div>
        </div>
    </div>
@endsection