@extends('layouts.admin')

@section('content')
    <div class="container">
        <div class="content">
           <div class="row">
               <div class="col-md-4">
                   <div class="card">
                       <div class="card-header">
                           <h6 class="card-title">@lang('keyword.add-new')ក្រុមផលិតផល</h6>
                       </div>
                       <div class="card-body">
                           @if(\Illuminate\Support\Facades\Session::has('success'))
                               <div class="alert alert-success">
                                   <span class="text-success">{{ Session::get('success') }}</span>
                               </div>
                           @elseif(\Illuminate\Support\Facades\Session::has('warning'))
                               <div class="alert alert-warning">
                                   <span class="text-warning">{{ Session::get('warning') }}</span>
                               </div>
                           @endisset

                               @if($group)
                                   <form action="{{ route('admin.product-group.update', $group->id) }}" method="post">
                               @else
                                   <form action="{{ route('admin.product-group.store') }}" method="post">
                               @endif
                               @csrf
                               <div class="form-group row">
                                   <label class="col-form-label col-lg-4">@lang('keyword.name')</label>
                                   <div class="col-lg-8 pb-2">
                                       <input type="text" required name="title" class="form-control" value="{{ old('title', @$group->title) }}" placeholder="@lang('keyword.name')">
                                   </div>
                               </div>
                               <div class="form-group row">
                                   <label class="col-form-label col-lg-4">ប្រភេទផលិតផល</label>
                                   <div class="col-lg-8 pb-2">
                                       <select name="cat_id" class="form-control" required id="">
                                           <option value="">ជ្រើសរើសប្រភេទផលិតផល</option>
                                           @foreach($categories as $cat)
                                               <option value="{{ $cat->id }}" {{ $cat->id == @$group->cat_id ? 'selected' : '' }}>{{ $cat->title }}</option>
                                           @endforeach
                                       </select>
                                   </div>
                               </div>
                               <div class="">
                                   <input type="submit" name="" class="btn btn-primary" value="@lang('keyword.create')">
                               </div>
                       </form>
                   </div>
               </div>
               </div>
               <div class="col-md-8">
                   <div class="card">
                       <div class="card-header">
                           <div class="row">
                               <div class="col-sm-6">
                                   <h6 class="card-title">ក្រុមផលិតផល</h6>
                               </div>
                           </div>
                       </div>
                       <div class="table-responsive  p-3">
                           <table class="table text-nowrap" id="products_table">
                               <thead>
                               <tr>
                                   <th>No</th>
                                   <th>ឈ្មោះ</th>
                                   <th>ប្រភេទ</th>
                                   <th>@lang('keyword.created_at')</th>
                                   <th>ស្ថានភាព</th>
                                   <th class="text-center" style="width: 20px;">@lang('keyword.action')</th>
                               </tr>
                               </thead>
                               <tbody>
                                    @foreach($groups as $group)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $group->title }}</td>
                                            <td>{{ $group->getCategory->title }}</td>
                                            <td>{{ $group->created_at }}</td>
                                            <td class="text-center">
                                                <div class="switch-container switch-ios">
                                                    <input type="checkbox"
                                                           @foreach($products as $product)
                                                               @if($product->getGroup->id === $group->id)
                                                                    @if($product->status === 1)
                                                               checked
                                                                    @else
                                                                    @endif
                                                                @else
                                                                        checked
                                                               @endif
                                                           @endforeach

                                                           name="ios" data-id="{{ $group->id }}" id="{{ $group->id }}" />
                                                    <label for="{{ $group->id }}"></label>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="list-icons">
                                                    <div class="list-icons-item dropdown">
                                                        <a href="#" class="list-icons-item dropdown-toggle caret-0" data-toggle="dropdown"><i class="icon-menu7"></i></a>
                                                        <div class="dropdown-menu dropdown-menu-right">
                                                            <a href="{{ route('admin.products.group', $group->id) }}" class="dropdown-item"><i class="icon-pencil"></i> {{trans('keyword.edit')}}</a>
{{--                                                            <a href="{{ route('admin.products.group.delete', $group->id) }}" class="dropdown-item"><i class="icon-trash"></i> {{trans('keyword.delete')}}</a>--}}
                                                            <a href="javascript:void(0)" onclick="confirmDelete('{{ $group->id }}')" class="dropdown-item"><i class="icon-trash"></i> {{trans('keyword.delete')}}</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                               </tbody>
                           </table>
                       </div>
                   </div>
               </div>
           </div>

        </div>
    </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#products_table').DataTable();

            // Disable Enable Product
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $(document).on('change','input[name="ios"]', function (e) {
                e.preventDefault();
                var status = $(this).prop("checked") === true ? 1 : 0;
                var group_id = $(this).data("id");
                console.log(status);
                $.post("{{ route('admin.product-group.status') }}", {group_id: group_id, status: status}, function (markup) {
                    console.log(markup);
                });
            });
        });

        // Confirm Group Delete
        function confirmDelete(id) {
            Notiflix.Confirm.Show(
                'Delete Confirm',
                'Do you agree with me?',
                'Yes',
                'No',
                function(){
                    parent.location='{{URL('/admin/product-groups/delete/')}}'+'/'+id;
                    console.log(id);
                }, function(){
                    // No button callback

                });
        }
    </script>
@endsection