@extends('layouts.app')
@section('breadcrumb')
<li class="breadcrumb-item">
    products
</li>
@endsection
@section('header')
<h3><i class="fa fa-list"></i> products </h3>
@endsection
@section('tools')
<a class="btn btn-secondary" href="{{route('products.create')}}">
    {{-- <span class="fa fa-plus"></span> --}}
    + Agregar
</a>
@endsection

@section('content')
{{-- <div class="row">
    @foreach($records as $record)
    <div class="col-sm-6">
        @include('cards.product')
    </div>
    @endforeach
</div> --}}
<div class="container">
    <div class='card'>
        <div class="card-header">{{ __('pages.roles_management') }}</div>
        <div class="card-body">
    <form action="{{ route('roles.index') }}" method="GET" class="mb-4">
        <div class="row">
        @csrf
            <div class="col-sm-4">
                <input type="text" name="search"
                class="form-control m-1"
                placeholder="{{ __('pages.search') }}..." />
            </div>
            <div class="col-sm-4">
                <button type="submit"
            class="btn btn-primary">{{ __('pages.search') }}</button>
            </div>
            @can('roles-create')
            <div class="col-sm-4">
                <a href="{{ route('roles.create') }}"
            class="btn btn-success">+ {{ __('pages.add') }}</a>
            </div>
            @endcan
        </div>
        
        
    </form>
    @include('tables.role')
    {{-- <div class="row">
        @foreach($records as $record)
        <div class="col-sm-6">
            @include('cards.client')
        </div>
        @endforeach
    </div> --}}
        </div>
</div>
</div>
</div>
{{-- {!! $records->render() !!} --}}
@endSection
{{-- 
///
@extends('layouts.app')


@section('content')

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
<div class="row">
    <div class="col-lg-12 margin-tb">
        <div class="pull-left">
            <h2>Gestión de Roles</h2>
        </div>
        <div class="pull-right">
            @can('roles-create')
            <a class="btn btn-success" href="{{ route('roles.create') }}"> Crear nuevo Rol</a>
            @endcan
        </div>
    </div>
</div>

                </div>
                <div class="card-body" >
                    <div class="container">
@if ($message = Session::get('success'))
<div class="alert alert-success">
    <p>{{ $message }}</p>
</div>
@endif


<table class="table table-sm table-striped">
    <thead class="thead-dark">
    <tr>
        <th>No</th>
        <th>Nombre</th>
    </tr>
    </thead>
    <tbody>
    @foreach ($roles as $key => $role)
    <tr>
        <td>{{ ++$i }}</td>
        <td>{{ $role->name }}</td>
        <td>
            <a class="btn btn-info btn-sm" href="{{ route('roles.show',$role->id) }}"><i class="fas fa-eye"></i></a>
            @can('roles-edit')
            <a class="btn btn-primary btn-sm" href="{{ route('roles.edit',$role->id) }}"><i class="fas fa-edit"></i></a>
            @endcan
            @can('roles-delete')
            {!! Form::open(['method' => 'DELETE','route' => ['roles.destroy', $role->id],'style'=>'display:inline','class'=>'delete']) !!}
            {!! Form::submit('x', ['class' => 'btn btn-danger btn-sm']) !!}
            {!! Form::close() !!}
            @endcan
        </td>
    </tr>
    @endforeach

    </tbody>
</table>
                    </div></div></div></div>


{!! $roles->render() !!}


@endsection --}}