pixelfed/pixelfed

@extends('admin.partial.template-full')

@section('section')
</div>
<div class="header bg-primary pb-3 mt-n4">
    <div class="container-fluid">
        <div class="header-body">
            <div class="row align-items-center py-4">
                <div class="col-lg-6 col-7">
                    <p class="display-1 text-white d-inline-block mb-1">Custom Emoji</p>
                    <p class="h1 text-white font-weight-light d-inline-block mb-0">Showing duplicates of {{$emoji->shortcode}}</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-12 col-md-6">
            <div class="alert alert-warning py-2 mb-4">
                <p class="mb-0">
                    <i class="far fa-exclamation-triangle mr-2"></i> Duplicate emoji shortcodes can lead to unpredictible results
                </p>
                <p class="mb-0 small">If you change the primary/in-use emoji, you will need to clear the cache by running the <strong>php artisan cache:clear</strong> command for the changes to take effect immediately.</p>
            </div>

            <p class="font-weight-bold">In Use</p>
            <div class="list-group">
                <div class="list-group-item">
                    <div class="media align-items-center">
                        <img src="{{url('storage/' . $emoji->media_path)}}" width="40" height="40" class="mr-3">

                        <div class="media-body">
                            <p class="font-weight-bold mb-0">{{ $emoji->shortcode }}</p>
                            <p class="text-muted small mb-0">{{ $emoji->domain }}</p>
                        </div>

                        <div class="ml-3 badge badge-info">Added {{$emoji->created_at->diffForHumans(null, true, true)}}</div>

                        <form
                            class="form-inline"
                            action="/i/admin/custom-emoji/toggle-active/{{$emoji->id}}"
                            method="post">
                            @csrf
                            <button
                                type="submit"
                                class="ml-3 btn btn-sm {{$emoji->disabled ? 'btn-danger' : 'btn-success'}}">
                                {{$emoji->disabled ? 'Disabled' : 'Active' }}
                            </button>
                        </form>

                        <button class="btn btn-danger px-2 py-1 ml-3 delete-emoji" data-id="{{$emoji->id}}">
                            <i class="far fa-trash-alt"></i>
                        </button>

                    </div>
                </div>
            </div>
            <hr>
            <p class="font-weight-bold">Not used (due to conflicting shortcode)</p>
            <div class="list-group">
                @foreach($emojis as $emoji)
                <div class="list-group-item">
                    <div class="media align-items-center">
                        <img src="{{url('storage/' . $emoji->media_path)}}" width="40" height="40" class="mr-3">

                        <div class="media-body">
                            <p class="font-weight-bold mb-0">{{ $emoji->shortcode }}</p>
                            <p class="text-muted small mb-0">{{ $emoji->domain }}</p>
                        </div>

                        <div class="ml-3 badge badge-info">Added {{$emoji->created_at->diffForHumans(null, true, true)}}</div>

                        <form
                            class="form-inline"
                            action="/i/admin/custom-emoji/toggle-active/{{$emoji->id}}"
                            method="post">
                            @csrf
                            <button
                                type="submit"
                                class="ml-3 btn btn-sm {{$emoji->disabled ? 'btn-danger' : 'btn-success'}}">
                                {{$emoji->disabled ? 'Disabled' : 'Active' }}
                            </button>
                        </form>

                        <button class="btn btn-danger px-2 py-1 ml-3 delete-emoji" data-id="{{$emoji->id}}">
                            <i class="far fa-trash-alt"></i>
                        </button>

                    </div>
                </div>
                @endforeach
            </div>

            <div class="d-flex justify-content-center mt-3">
                {{ $emojis->links() }}
            </div>
        </div>
    </div>
</div>
@endsection