@extends('layouts.app')
@section('content')
    <div class="container">
        <div id="data">
            <div class="row">
                <div class="col-sm-6">
                    <a class="btn btn-primary" href="{{ route('admin.copyEditorPermissions') }}">Copy Editor Permissions to new table</a>
                </div>
                <div style="" class="col-sm-6">
                    <form class="col-sm-6" type="get" action="{{ url('admin/providerpermissions') }} ">
                        <input type="search" class="form-control input-sm" name="search" placeholder="Search" value="{{$search}}">
                        <input type="hidden" />
                    </form>
                    <button class="col-sm-4 btn knowmad_btn knowmad_btn_blue" name="search" type="search">Search</button>
                </div>
            </div>

            <div class="table-responsive mt-3">
                <table class="table table-striped table-hover">
                    <thead class="table-dark">
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Provider</th>
                            <th scope="col">Email</th>
                            <th scope="col">Service</th>
                            <th scope="col">Approval</th>

                            <th scope="col">Status</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data as $d)
                            <tr>
                                <th scope="row">{{ $d->provider_id }}</th>
                                <td>{{ $d->user->username }}</td>
                                <td>{{ $d->user->email }}</td>
                                <td>{{ $d->service->service }}</td>

                                <td>{{ $d->approval }}
                                    @if (!$d->approval || $d->approval === 'Pending')
                                        <button class="btn" style="display: inline; padding-top: unset;" type="button"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <ul class="dropdown-menu">
                                            @foreach ($approvalOptions as $o)
                                                <li>
                                                    <a class="dropdown-item @if ($o === $d->approval) active @endif"
                                                        href="{{ route('admin.provider_permissions.update', [$d->id, 'approval' => $o]) }}">{{ $o }}</a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    @endif
                                </td>
                                <td>{{ $d->status }}
                                    <div class="dropdown" style="display: inline;">
                                        <button class="btn" style="display: inline; padding-top: unset;" type="button"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <ul class="dropdown-menu">
                                            @foreach ($statusOptions as $o)
                                                <li>
                                                    <a class="dropdown-item @if ($o === $d->status) active @endif"
                                                        href="{{ route('admin.provider_permissions.update', [$d->id, 'status' => $o]) }}">{{ $o }}</a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>

                                </td>
                                <td>
                                    <a href="{{ route('admin.provider_permissions.delete', [$d->id]) }}">
                                        <i class="fa fa-trash" style="color: red"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="d-flex justify-content-center">
                {!! $data->render() !!}
            </div>
        </div>


    </div>
@endsection