@extends('admin.layout.master_layout')

@section('title', 'أصوات من الميدان')

@section('page-content')
<div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-page__container m-body">
    <div class="m-grid__item m-grid__item--fluid m-wrapper">

        <div class="m-subheader">
            <div class="d-flex align-items-center" style="justify-content: space-between;">

                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="#" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__item">
                        <a href="{{ route('admin.dashboard.view') }}" class="m-nav__link">
                            <span class="m-nav__link-text">الرئيسية</span>
                        </a>
                    </li>
                    <li class="m-nav__separator">-</li>
                    <li class="m-nav__item">
                        <a href="/admin/programs" class="m-nav__link">
                            <span class="m-nav__link-text">البرامج</span>
                        </a>
                    </li>
                </ul>

                <div class="m-demo__preview m-demo__preview--btn">
                    @can('add_voices')
                        <button type="button" data-toggle="modal"
                                class="btn btn-danger m-btn m-btn--custom add_page_modal">
                            <i class="fa fa-plus"></i> إضافة اقتباس جديد
                        </button>
                    @endcan
                </div>

            </div>
        </div>

        <div class="m-content pt-3">
               <div class="filter row mb-4 mt-2">

                <div class="col-md-3">
                    <input type="text" name="name"  class="form-control name" placeholder="البحث">
                </div>
               
                
                    <div class="col-md-3">
                    <input type="text" name="from_date"  class="form-control date-picker from_date" placeholder="من تاريخ">
                </div>
                
                  <div class="col-md-3">
                    <input type="text" name="to_date"  class="form-control date-picker to_date" placeholder="إلى تاريخ">
                </div>
            </div>
            
            <div id="table-container" class="render-table">
                @include('admin.field_voices.table-data')
            </div>
        </div>

    </div>
</div>

@include('admin.field_voices.sub.add')
@stop

@section('js')
<script>
    
        $(document).on('click', '.add_page_modal', function () {
            $('#addNewpageForm')[0].reset();
            $('.rowIdUpdate').val(0);
            $('#voiceModalLabel').text('إضافة اقتباس جديد - أصوات من الميدان');
            $('.name_ar, .name_en, .job_title_ar, .job_title_en, .quote_ar, .quote_en, #voice_image').val('');
            $('.img_review img').attr('src', '/admin/assets/app/media/no_image.jpg');
            $('#add_page').modal('show');
        });

        $(document).on('submit', '#addNewpageForm', function (e) {
            e.preventDefault();
            var formData = new FormData(this);
            var id = $('.rowIdUpdate').val();
            var url = id == 0 ? "/admin/field-voices/add" : "/admin/field-voices/update";

            $('#loading').show();
            $('.btn_save_page').attr('disabled', true);

            $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
            $.ajax({
                url: url, type: "POST", dataType: "JSON", data: formData, contentType: false, processData: false,
                success: function (data) {
                    $('#loading').hide(); $('.btn_save_page').attr('disabled', false);
                    if (data.status == true) {
                        Swal.fire({ title: '', text: data.data, type: 'success', confirmButtonText: 'حسناً' });
                        $('#add_page').modal('hide');
                        refreshTable();
                    } else if (data.data_validator) {
                        var msg = ''; $.each(data.data_validator, function (k, v) { msg += v + '<br>'; });
                        Swal.fire({ title: '', html: msg, type: 'error', confirmButtonText: 'حسناً' });
                    }
                }
            });
        });
        
        
         
        $(document).on('change','.from_date,.to_date',function(e){
             refreshTable()
        })
        $('.name').keypress(function (e) {
            if (e.which == 13) {
               refreshTable() 
            }
        });
        
        function refreshTable() {
            var from_date = $('.from_date').val();
            var to_date = $('.to_date').val();
            var name = $('.name').val();
            var page = $('.pagination .active span').text() || 1;
            $.ajax({ url: '/admin/field-voices?page=' + page,type: "GET",data:{from_date:from_date,to_date:to_date,name:name}, success: function (data) { $('.render-table').html(data); } });
        }

        $(document).on('click', '.updateDetails', function () {
            var id = $(this).data('id');
            $.ajax({
                url: "/admin/field-voices/edit", type: "GET", dataType: "JSON", data: { id: id },
                success: function (data) {
                    if (data.status == true) {
                        $('#voiceModalLabel').text('تعديل قصة / اقتباس ميداني');
                        $('.rowIdUpdate').val(data.data.id);

                        $('.name_ar').val(data.data.name_ar);
                        $('.name_en').val(data.data.name_en);
                        $('.job_title_ar').val(data.data.job_title_ar);
                        $('.job_title_en').val(data.data.job_title_en);
                        $('.quote_ar').val(data.data.quote_ar);
                        $('.quote_en').val(data.data.quote_en);

                        $('#voice_image').val(data.data.main_image);
                        $('.img_review img').attr('src', data.data.main_image || '/admin/assets/app/media/no_image.jpg');

                        $('#add_page').modal('show');
                    }
                }
            });
        });

        $(document).on('click', '.delete', function () {
            var id = $(this).data('id');
            Swal.fire({
                title: 'هل تريد حذف هذا السجل نهائياً؟', type: 'warning',
                showCancelButton: true, confirmButtonText: 'نعم، احذف', cancelButtonText: 'إلغاء'
            }).then((result) => {
                if (result.value) {
                    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
                    $.ajax({
                        url: "/admin/field-voices/delete", type: "POST", dataType: "JSON", data: { id: id },
                        success: function (data) {
                            if (data.status == true) { Swal.fire('تم الحذف بنجاح', '', 'success'); refreshTable(); }
                        }
                    });
                }
            });
        });

        $(document).on('click', '.pagination a', function (e) {
            e.preventDefault();
            $.ajax({ url: $(this).attr('href'), type: "GET", success: function (data) { $('.render-table').html(data); } });
        });
    
    
        
$(document).on('change', '#select-all', function () {
    $('.row-check').prop('checked', this.checked);
    updateBulkActions();
});

$(document).on('change', '.row-check', function () {
    var total   = $('.row-check').length;
    var checked = $('.row-check:checked').length;
    $('#select-all').prop('checked', total === checked);
    updateBulkActions();
});

function updateBulkActions() {
    var count = $('.row-check:checked').length;
    if (count > 0) {
        $('#bulk-actions').slideDown(200);
        $('.selected-count').text(count);
    } else {
        $('#bulk-actions').slideUp(200);
    }
}


$(document).on('click', '.bulk-delete', function () {
    var ids = [];
    $('.row-check:checked').each(function () {
        ids.push($(this).val());
    });

    if (ids.length === 0) return;

    Swal.fire({
        title: '',
        text: 'هل تريد حذف ' + ids.length + ' عنصر؟',
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'حذف الكل',
        cancelButtonText: 'إلغاء'
    }).then((result) => {
        if (result.value) {
            $.ajaxSetup({
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }
            });
            $.ajax({
                url: "/admin/field-voices/bulk-delete",
                type: "POST",
                dataType: "JSON",
                data: { ids: ids },
                success: function (data) {
                    if (data['status'] == true) {
                        Swal.fire('تم حذف ' + ids.length + ' عنصر بنجاح', '', 'success');
                        refreshTable();
                    } else {
                        swal({ title: "", text: data["data"], type: "error", confirmButtonText: "حسنا" });
                    }
                }
            });
        }
    });
});
</script>
@stop