@extends('layouts.smartadmin.remote-modal')

@section('content')
    <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">
            @lang('Delete :count Users', [
                'count' => '<b>'.$users->count().'</b>',
                'noun' => Str::plural('User', $users->count()),
            ])
        </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="modal-body">
        <div class="alert alert-danger mb-3" role="alert">
            @lang('You are currently deleting the following :count :noun.', [
                'count' => '<b>'.$users->count().'</b>',
                'noun' => Str::plural('user', $users->count()),
            ])
        </div>

        <div class="table-responsive">
            <table class="table table-striped table-bordered mb-0">
                <caption>{{ $users->count() }} users</caption>
                <thead>
                    <tr>
                        <th>@lang('ID')</th>
                        <th>@lang('Name')</th>
                        <th>@lang('Email Address')</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($users as $user)
                        <tr>
                            <td>{{ $user->id }}</td>
                            <td>{{ $user->name }}</td>
                            <td>{{ $user->email }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <form id="delete_user_form" action="{{ route('users.destroy-multiple', ['ids' => $users->implode('id', ';')]) }}" method="POST">
            @csrf
            @method('DELETE')
            @if(request()->has('remoteModal'))
                <input type="hidden" name="remoteModal" value="true">
            @endif
        </form>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-light" data-dismiss="modal">@lang('Close')</button>
        <button type="submit" class="btn btn-danger" form="delete_user_form">@lang('Delete')</button>
    </div>
@endsection

@push('scripts')
    <script>
        $(function() {
            $('#delete_user_form').on('submit', function (event) {
                event.preventDefault();

                submit_form(this)
            });
        });
    </script>
@endpush