{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Service Request Lists')
{{-- page styles --}}
@section('page-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/page-users.css')}}">
@endsection

@section('content')
<section class="users-list-wrapper section">
    <div class="users-list-table">
        <div class="card">
            <div class="card-title pt-2 pl-2">
                Merchant Classes
                <div class="right">
                    <a href="{{ route('admin.merchant-classes.create') }}" class="btn btn-small">Create New</a>
                </div>
            </div>
            <section class="card-content">
                <div class="users-list-table">
                    <table>
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($merchantClasses as $class)
                            <tr>
                                <td>{{ $loop->index+1 }}</td>
                                <td>{{ $class->name }}</td>
                                <td class="display-flex align-items-center">
                                    <a href="{{ route('admin.merchant-classes.edit',$class->id) }}" class="mr-3"><i class="material-icons blue-text lighten-1">edit</i></a>
                                    <form action="{{ route('admin.merchant-classes.destroy', $class->id) }}" method="POST" onsubmit="return confirm('Are You Sure?');" style="display: inline-block;">
                                        <input type="hidden" name="_method" value="DELETE">
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                        <button class="btn red darken-2 border-radius-button" type="submit" name="action"><i class="material-icons">delete_forever</i></button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </section>
        </div>
    </div>

</div>
</section>
@endsection