@extends('admin.layouts.master')
@section('title',__($page_title))
@section('content')
    <div class="card">
        <div class="card-header">
            @can('gateway-index')
            <div class="d-flex flex-wrap justify-content-between align-items-center">
                <form class="s7__nav-search-form" action="{{route('gateway.index')}}" method="GET">
                    <input type="text" name="search" placeholder="Search..." autocomplete="off">
                    <button type="submit"><i data-feather="search"></i></button>
                </form>
            </div>
            @endcan
        </div>
        <div class="card-body p-0">
            <table class="table s7__table">
                <thead>
                <tr>
                    <th>{{__('SL')}}</th>
                    <th>{{__('Gateway')}}</th>
                    <th>{{__('Status')}}</th>
                    <th>{{__('Action')}}</th>
                </tr>
                </thead>
                <tbody>
                    @foreach ($gateway as $key => $data)
                        <tr>
                            <td>{{$gateway->firstItem() + $key}}</td>
                            <td>{{$data->name}}</td>
                            <td>@if ($data->status == 1)
                                <span class="badge bg-success">{{__('Active')}}</span>
                                @else
                                <span class="badge bg-warning">{{__('Disabled')}}</span>
                                @endif</td>
                            <td>
                                <a href="{{route('gateway.edit', $data->id)}}" class="btn s7__btn-dark btn-sm" title="Edit"><i class="las la-edit"></i></a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div class="py-4 justify-content-center pagination flex-wrap pagination-rounded-flat pagination-success">
                {{$gateway->links('pagination::bootstrap-4')}} 
                </div>
        </div>
    </div>
@endsection