@foreach ($pages as $page)
    <div class="row">
        <div class="col-md-3 col-12">
            <div class="form-group">
                <label>{{ __('label.name') }} <span class="text-danger">*</span></label>
                <input type="text" readonly id="name" value="{{ $page->name }}" class="form-control"
                    placeholder="Enter Name" />
            </div>
        </div>
        <div class="col-md-3 col-12">
            <div class="form-group">
                <label>{{ __('master.route_name') }} <span class="text-danger">*</span></label>
                <input type="text" readonly id="route_name" value="{{ $page->route_name }}" class="form-control"
                    placeholder="Enter Route Name" />
            </div>
        </div>
        <div class="col-md-3 col-12">
            <div class="form-group">
                <label>{{ __('master.sequence') }} <span class="text-danger">*</span></label>
                <input type="text" readonly id="sequence" value="{{ $page->sequence }}"
                    class="form-control numberonly" placeholder="Enter Sequence" />
            </div>
        </div>

        <div class="col-md-3 col-12">
            @if (Auth::user()->hasPermission('admin.page-actions.delete'))
                <div class="form-group" id="change-to-remove">
                    <a class="text-danger mt-2" href="javascript:;"
                        data-url="/api/admin/page-actions/{{ $page->id }}" data-request="remove">
                        <span><i class="fa fa-trash me-50" style="color:#dc3545;"></i></span>
                    </a>
                </div>
            @endif
        </div>
    </div>
@endforeach