@extends('layouts.admin')
 @section('content')

     <div class="app-content content">
         <div class="content-wrapper">
             <div class="content-header row">
                 <div class="content-header-left col-md-12 col-12 mb-2">
                     <h3 class="content-header-title float-left"> العروض </h3>
                     <div class="row breadcrumbs-top float-right">
                         <div class="breadcrumb-wrapper col-12">
                             <ol class="breadcrumb">
                                 <li class="breadcrumb-item"><a
                                         href="{{ route('admin.dashboard') }}">{{ __('general.index') }}<!--الرئيسية--></a>
                                 </li>
                                 <li class="breadcrumb-item active"> صفحات العروض
                                 </li>
                             </ol>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="content-body">
                 <!-- DOM - jQuery events table -->
                 <section id="dom">
                     <div class="row">
                         <div class="col-12">
                             <div class="card">
                                 <div class="card-header">
                                     <h4 class="card-title">
                                         صفحات العروض
                                     </h4>
                                     <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                                     <div class="heading-elements">
                                         <ul class="list-inline mb-0">
                                             <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                             <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                                             <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                                             <li><a data-action="close"><i class="ft-x"></i></a></li>
                                         </ul>
                                     </div>
                                 </div>

                                 @include('dashboard.includes.alerts.success')
                                 @include('dashboard.includes.alerts.errors')

                                 <div class="card-content collapse show">
                                     <div class="card-body card-dashboard table-responsive">
                                         <form class="form" action="{{ route('admin.offers.delAll') }}" method="post"
                                             enctype="multipart/form-data">
                                             @csrf

                                             <!--<table class="table table-striped table-bordered display nowrap zero-configuration" style="width:100%;">-->
                                             <table id="example"
                                                 class=" table table-striped table-bordered display   zero-configuration table-responsive"
                                                 style="width:100%"><!--<table class="table display nowrap table-striped table-bordered scroll-horizontal table-responsive">
                                             <table class="table table-striped table-bordered display nowrap zero-configuration"  cellspacing="0" cellpadding="0">
                                            -->
                                                 <thead class="">
                                                     <tr>

                                                         <th># </th>
                                                         <th><!--الإسم (AR)-->{{ __('general.name_ar') }}</th>

                                                        {{--  <th>  {{ __('general.main_cat') }}</th> --}}
                                                         <th>صوره </th>


                                                         <th>{{ __('general.status') }}<!--الحالة--></th>

                                                         <th>{{ __('general.actions') }}<!--الإجراءات--></th>
                                                         <th>
                                                             <input type="image" src="{{ asset('images/del.png') }}"
                                                                 alt="delete" width="30" height="30">
                                                             <input type="checkbox" id="checkAll"
                                                                 onclick="toggleCheckboxes()">
                                                         </th>
                                                     </tr>
                                                 </thead>
                                                 <tbody>

                                                     @isset($offers)
                                                         @foreach ($offers as $item)
                                                             <tr>

                                                                 <td>{{ $loop->index + 1 }}</td>
                                                                 <td>{{ $item->{'name_' . app()->getLocale()} }}</td>
                                                                 {{-- <td>

                                                                     {{ $item->main_category->name_ar }}

                                                                 </td> --}}

                                                                 <td>
                                                                     @if ($item->img && file_exists(realpath('assets/images/offers/' . $item->img)))
                                                                         <img style="width: 70px; height: 70px;"
                                                                             src="{{ asset('assets/images/offers/' . $item->img) }}">
                                                                     @else
                                                                         <img style="width: 100px; height: 100px;"
                                                                             src="{{ asset('images/noimage.png') }}">
                                                                     @endif
                                                                 </td>





                                                                 <td>

                                                                     @if ($item->is_active == 1)
                                                                         <a
                                                                             href="{{ route('admin.offers.deactivate', $item->id) }}">
                                                                             <img style="width: 32px; height: 32px;border: 0px;"
                                                                                 src="{{ asset('images/checked.png') }}"
                                                                                 alt="اضغط لالغاء التفعيل"></a>
                                                                     @else
                                                                         <a href="{{ route('admin.offers.activate', $item->id) }}"
                                                                             alt="اضغط للتفعيل">
                                                                             <img style="width: 32px; height: 32px;border: 0px;"
                                                                                 src="{{ asset('images/close.png') }}"
                                                                                 alt="اضغط للتفعيل"></a>
                                                                     @endif
                                                                 </td>



                                                                 <td width="10%">

                                                                     <div class="btn-group" role="group"
                                                                         aria-label="Basic example">


                                                                         <a href="{{ route('admin.offers.edit', $item->id) }}"
                                                                             class="btn btn-outline-pencil   mb-1  box-shadow-3 "
                                                                             style="width:40px; height:40px;padding:10px 3px 3px 3px"><span
                                                                                 class="icon-pencil  font-medium-4"></span><!--تعديل--></a>
                                                                         <a href="{{ route('admin.offers.delete', $item->id) }}"
                                                                             class="btn btn-outline-trash   mb-1  box-shadow-3 "
                                                                             style="width:40px; height:40px ;padding:10px 3px 3px 3px"><span
                                                                                 class="ft-trash-2 font-medium-4"><!--حذف--></span>
                                                                         </a>
                                                                         {{-- <a href="javascript:void(0) "
                                                                             onclick="if(confirm('are you sure to delete?')){document.getElementById('delete-{{ $item->id }}').submit();}else{return false;}"
                                                                             class="btn btn-outline-info  mr-1 mb-1  box-shadow-3 "
                                                                             style="width:40px; height:40px ;padding:10px 3px 3px 3px"><span
                                                                                 class="ft-trash-2 font-medium-4"><!--حذف--></span>
                                                                         </a>
                                                                         <form
                                                                             action="{{ route('admin.offers.delete', $item->id) }}"
                                                                             method="offer" id="delete-{{ $item->id }}"
                                                                             style="display: none;">

                                                                         </form> --}}

                                                                         <script>
                                                                             function del(formId) {
                                                                                 alert(('delete-' + formId));
                                                                                 // console.log(formId);
                                                                                 //document.getElementById('delete-{{ $item->id }}').submit();

                                                                                 document.getElementById('delete-' + formId).submit();
                                                                             }
                                                                         </script>

                                                                     </div>
                                                                 </td>
                                                                 <td align="center" width="5%">

                                                                     <input type="checkbox" class="form-group  ids"
                                                                         name="ids[]" id="delAll"
                                                                         value="{{ $item->id }}">
                                                                 </td>
                                                             </tr>
                                                         @endforeach

                                                     @endisset

                                                 </tbody>
                                             </table>




                                         </form>
                                         <div class="justify-content-center d-flex">

                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>

                 </section>
             </div>
         </div>
     </div>
     <script type="text/javascript">
         function toggleCheckboxes() {

             var checkAll = document.getElementById("checkAll");
             var checkboxes = document.getElementsByClassName("ids");
             for (var i = 0; i < checkboxes.length; i++) {
                 checkboxes[i].checked = checkAll.checked;
             }
         }
     </script>
 @stop