@extends('adminlte::page')

@section('title', 'Monedas')

@section('content_header')
    <h1 class="m-0">Monedas</h1>
@stop


@section('content')
<div class="card card-outline">
    <div id="clients-card-header" class="card-header d-flex align-items-center">
        <i class="fas fa-coins mr-2"></i>
        <h3 class="card-title">Monedas registradas</h3>

        {{-- Este ml-auto empuja el botón hasta la derecha --}}
        <a href="{{ route('currencies.create') }}" class="btn btn-success ml-auto">
            <i class="fas fa-plus-circle"></i> Nueva Moneda
        </a>
    </div>
    <div class="card-body">
        <x-adminlte-datatable
            id="tableCurrencies"
            :heads="$heads"
            :config="$config"
            striped
            hoverable
            bordered
            with-buttons>

            @foreach($currencies as $c)
                <tr>
                    <td class="text-mono">{{ $c->code }}</td>
                    <td>{{ $c->name }}</td>
                    <td>{{ optional($c->updated_at)->format('Y-m-d H:i') }}</td>
                    <td class="text-center">
                        <a class="btn btn-xs btn-warning" href="{{ route('currencies.edit',$c->currency_id) }}">
                            <i class="fas fa-edit"></i>
                        </a>
                    </td>
                </tr>
            @endforeach
        </x-adminlte-datatable>
    </div>
</div>
@stop