@extends('panel.layout.base')

@section('title',$title)

@section('script')
    <script>
        $(document).ready(function (){
            $('[name="avatar"]').dropify({
                messages: {
                    'default': '{{ __('general.upload.drag-drop') }}',
                    'remove': '{{ __('general.button.remove') }}',
                },
                error: {
                    'fileSize': '{{ __('general.max-size') }}'
                },
                metha: {'input':'upload_banner','alert': function(){
                        Swal.fire({
                            title: '{{ __('general.alert.title') }}',
                            text: '{{ sprintf(__('general.alert.delete.message'),'görseli') }}',
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            cancelButtonText: '{{ __('general.alert.cancel') }}',
                            confirmButtonText: '{{ __('general.alert.confirm') }}',
                        }).then((result) => {
                            if (result.isConfirmed) {
                            @if(isset($script_data))
                            $.ajax({
                                url: '{{ route('api.notifications.announcementImageDelete') }}',
                                type: 'DELETE',
                                data:{code: '{{ $script_data['code'] }}'},
                                success: function(result)
                                {
                                    if(result.code == 200)
                                    {
                                        Swal.fire(
                                            '{{ __('general.alert.success.title') }}',
                                            '{{ __('general.delete.success.message') }}',
                                            'success'
                                        )
                                    }else{
                                        Swal.fire(
                                            '{{ __('general.alert.fail.title') }}',
                                            '{{ __('general.delete.fail.message') }}',
                                            'danger'
                                        )
                                    }
                                }
                            });
                            @endif
                        }
                    })
                    }}
            });

            $('[data-type="removeAvatar"]').on('click', function(){
                var id = $(this).data('id');
                var tableItem = $(this).closest('tr');

                Swal.fire({
                    title: 'Silme İşlemi',
                    text: "Seçilen avatarı silmek istediğinize emin misiniz?",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Evet',
                    cancelButtonText: 'Hayır',
                    reverseButtons: true
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '{{ route('api.settings.avatar.delete') }}',
                            type: 'POST',
                            data: {id: id},
                            success: function(res)
                            {
                                if(res.code == 200)
                                {
                                    $(tableItem).remove()
                                    Swal.fire(
                                        'Silindi!',
                                        'Avatar başarıyla silindi.',
                                        'success'
                                    )
                                }
                            }
                        })
                }
            })
            });
        })
    </script>
@endsection

@section('content')
    <form method="post" enctype="multipart/form-data">
        @csrf
        <div class="card custom-card">
            <div class="card-header border-bottom-0">
                <div>
                    <h3 class="card-title mb-2 ">Yükleme Formu</h3>
                    <span class="d-block tx-12 mb-0 text-muted"></span>
                </div>
            </div>
            <div class="card-body">
                <div class="form-group">
                    <label>Başlık</label>
                    <input type="text" class="form-control" name="title">
                </div>
                <div class="form-group">
                    <label>Yayın Durumu</label>
                    <select class="form-control" name="is_visible">
                        <option value="Y">Yayınla</option>
                        <option value="N">Yayından Kaldır</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>Avatar</label>
                    <input type="file" name="avatar">
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Kaydet</button>
            </div>
        </div>
    </form>

    <div class="card custom-card">
        <div class="card-header border-bottom-0">
            <div>
                <h3 class="card-title mb-2 ">Avatar Listesi</h3>
                <span class="d-block tx-12 mb-0 text-muted"></span>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-bordered text-nowrap border-bottom dataTable no-footer" id="input-fields" role="grid" aria-describedby="input-fields_info">
                <thead>
                <tr role="row">
                    <th width="100">Avatar</th>
                    <th>Başlık</th>
                    <th width="50">Yayın Durumu</th>
                    <th width="50">İşlem</th>
                </tr>
                </thead>
                <tbody>
                @foreach(\App\Models\Avatar::all()->toArray() as $item)
                    <tr class="odd">
                        <td>
                            <img src="{{ asset(sprintf('assets/images/avatar/%s',$item['name'])) }}" width="64">
                        </td>
                        <td>
                            <b>{{ $item['title'] }}</b>
                        </td>
                        <td>
                            <label class="btn btn-{{ $status[$item['is_visible']]['class'] }} btn-sm">{{ $status[$item['is_visible']]['title'] }}</label>
                        </td>
                        <td>
                            <button type="button" class="btn btn-danger btn-sm" data-id="{{ $item['id'] }}" data-type="removeAvatar">
                                <i class="fa fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="card-footer">

        </div>
    </div>
@endsection