@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($cat)
                                   <form action="{{ route('admin.product-category.update', $cat->id) }}" method="post">
                               @else
                                   <form action="{{ route('admin.product-category.store') }}" method="post">
                               @endif
                               @csrf
                               <div class="form-group row">
                                   <label class="col-form-label col-lg-2">@lang('keyword.name')</label>
                                   <div class="col-lg-10 pb-2">
                                       <input type="text" required name="title" class="form-control" value="{{ old('title', @$cat->title) }}" placeholder="@lang('keyword.name')">
                                   </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>@lang('keyword.created_at')</th>
                                   <th class="text-center" style="width: 20px;">@lang('keyword.action')</th>
                               </tr>
                               </thead>
                               <tbody>
                                    @foreach($categories as $cat)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $cat->title }}</td>
                                            <td>{{ $cat->created_at }}</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.category', $cat->id) }}" class="dropdown-item"><i class="icon-pencil"></i> {{trans('keyword.edit')}}</a>
{{--                                                            <a href="{{ route('admin.products.category.delete', $cat->id) }}" class="dropdown-item"><i class="icon-trash"></i> {{trans('keyword.delete')}}</a>--}}
                                                            <a href="javascript:void(0)" onclick="confirmDelete('{{ $cat->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();
        });

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

                });
        }
    </script>
@endsection