@extends('layouts.admin.app')
@section('page-title')
    {{ __('Dashboard') }}
@endSection
@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{ __('Items') }}</h1>
            <p>{{ __('Control and view all Items') }}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Items') }}</a></li>
        </ul>
    </div>
@endsection

@section('content')
    @include('includes.dialog')

    <div class="row">
        @if (isPermissionsAllowed('control-points'))
            <div class="col-lg-12 mb-3">
                <a href="{{ route('admin.points.create') }}" class="btn btn-primary">{{ __('Add items points') }}</a>
            </div>
        @endif
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered" id="sampleTable">
                            <thead>
                                <tr>
                                    <th>#{{ __('ID') }}</th>
                                    <th>{{ __('Item Image') }}</th>
                                    <th>{{ __('Item name') }}</th>
                                    <th>{{ __('Item price') }}</th>
                                    <th>{{ __('Item Status') }}</th>
                                    <th>{{ __('gain-points') }}</th>
                                    <th>{{ __('replacement-points') }}</th>
                                    @if (isPermissionsAllowed('control-points'))
                                        <th>{{ __('Control') }}</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($items as $item)
                                    <tr>
                                        <td>{{ $item->id }}</td>
                                        {{--                                    {{dd($item->getFirstMediaFile())}} --}}
                                        <td>
                                            @if ($item->getFirstMediaFile())
                                                <img src="{{ $item->getFirstMediaFile()->url }}" alt="" width="50px">
                                            @endif
                                        </td>
                                        <td>{{ $item->getNameAttribute() }}</td>
                                        <td>
                                            <div class="modal-body">
                                                <table class="table">
                                                    <tr>
                                                        <th>{{ __('CarHub') }}</th>
                                                        <th>{{ __('PickUp') }}</th>
                                                        <th>{{ __('Delivery') }}</th>
                                                    </tr>
                                                    <tr>
                                                        <td>{{ $item->prices->car_hub }} {{ __('IQD') }}</td>
                                                        <td>{{ $item->prices->pick_up }} {{ __('IQD') }}</td>
                                                        <td>{{ $item->prices->delivery }} {{ __('IQD') }}</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                        <td class="text-center">
                                            <span class="status-box @if ($item->status) bg-active-color @else bg-non-active-color @endif">
                                                {{ $item->status ? __('Active') : __('Non-Active') }}
                                            </span>
                                        </td>
                                        <td>{{ $item->points->value }}</td>
                                        <td>{{ $item->points->replacement_points }}</td>
                                        {{--                                    <td>{{$item->item_status == 1 ? "Active" : "Non-Active"}}</td> --}}
                                        @if (isPermissionsAllowed('control-points'))
                                            <td>
                                                <a href="{{ route('admin.points.edit', ['point' => $item->points->id]) }}" class="control-link edit"><i class="fas fa-edit"></i></a>
                                                <form action="{{ route('admin.points.destroy', ['point' => $item->points->id]) }}" method="post" id="delete{{ $item->points->id }}" style="display: none"
                                                    data-swal-title="{{ __('Delete Item') }}" data-swal-text="{{ __('Are Your Sure To Delete This Item ?') }}" data-yes="{{ __('Yes') }}"
                                                    data-no="{{ __('No') }}" data-success-msg="{{ __('the item has been deleted Successfully') }}">@csrf @method('delete')</form>
                                                <span href="#" class="control-link remove form-confirm" data-form-id="#delete{{ $item->points->id }}"><i class="far fa-trash-alt"></i></span>
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{ asset('assets/js/plugins/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript">
        $('#sampleTable').DataTable();
    </script>
    <!-- Google Analytics script-->
    <script type="text/javascript">
        if (document.location.hostname == 'pratikborsadiya.in') {
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'page-view');
        }
    </script>

    <script type="text/javascript">
        function SortItem(ID) {
            let SortNumber = $("#sort" + ID).val();
            if ($.isNumeric(SortNumber) && SortNumber != "") {


                $.ajax({
                    type: "POST",
                    url: "/api/Item/EditSort",
                    data: {
                        Item_id: ID,
                        sort_number: SortNumber
                    }, // serializes the form's elements.
                    success: function(response) {
                        console.log(response);
                        if (response.status == 1) {
                            location.reload();
                        }
                    },
                    error: function() {
                        console.error("you have error");
                    }
                });
            }



        }
    </script>
@endsection