@extends('admin.layouts.app')
@section('title', 'پنل مدیریت | علاقه‌مندی‌ها')
@section('content')
    <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">علاقه‌مندی‌ها</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-left">
                {{ Breadcrumbs::render('favorite') }}
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid bg-white py-3">
          <div class="mb-4 row">
              <div class="col-lg-3 col-12">
                  <select id="type" name="type">
                      @foreach(\App\Models\Favorite::TYPE as $type)
                          <option value="{{ $type['table'] }}" {{ $type['table'] == 'products' ? 'selected' : '' }}>{{ $type['name'] }}</option>
                      @endforeach
                  </select>
              </div>
          </div>
            <div class="table-responsive-sm table-responsive-md">
              {{ $dataTable->table() }}
            </div>
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
    </div>
@endsection
@section('footer')
    {{ $dataTable->scripts() }}
    <script>
        $(document).ready(function () {
            $('#type').select2();
            $('#type').on('change', function (e) {
                var type = $('#type').select2("val");
                $("#favorites-table").DataTable().destroy();
                window.LaravelDataTables = window.LaravelDataTables||{};
                window.LaravelDataTables["favorites-table"] = $("#favorites-table").DataTable({
                    "serverSide":true,
                    "processing":true,
                    "ajax":{ "data": { 'type': type } },
                    "columns":[
                        {"data":"DT_RowIndex","name":"DT_RowIndex","title":"#","orderable":false,"searchable":false},
                        {"data":"name","name":"name","title":"عنوان","orderable":true,"searchable":true},
                        {"data":"number","name":"number","title":"تعداد","orderable":true,"searchable":false}
                    ],
                    "dom":"Bfrtip",
                    "order":[[2,"desc"]],
                    "language":{"url":"{{ asset('vendor/datatables/Persian.json') }}"},
                    "buttons":[{"extend":"excel"},{"extend":"print"},{"extend":"reset"},{"extend":"reload"}]
                });
            });
        });
    </script>
@endsection