@extends('companyuser::layouts.master')
@section('title',__('products::unit.Units'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{asset('/assets/css/table/table-custome-styles.css')}}">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@endsection
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                @can('products.products.view')
                    <li class="breadcrumb-item"><a href="{{route('company.products.index', $subdomain)}}">{{ __('products::product.Product') }}</a></li>
                @endcan
                @can('products.units.view')
                    <li class="breadcrumb-item active"><a href="#">{{ __('products::unit.Units') }}</a></li>
                @endcan
            </ol>
        </div>
    </div>
@endsection

@section('content')
<section id="unitsSecion">
    <div class="container-fluid">
        @can('products.units.view')
            <div class="col-md-6 text-left headTitle">
            <h3 class="py-half">{{ __('products::unit.Units') }}</h3>
        </div>
        @endcan
        <div class="headBtns fixed-btns">
            <div class="btn-group pull-right">
                @can('products.units.create')
                    <a class="text-green" href="{{route('company.units.create', ['subdomain' => $subdomain])}}" title="{{ __('Add') }}">
                        <span class="icon-Add action-icon"></span>
                    </a>
                @endcan
            </div>
        </div>
        @can('products.products.view')
        <div class="mt-1">
            <section  id="configuration">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="card">
                                <div class="card-body collapse in">
                                    @include('superadmin::errors.lists')
                                    <table
                                    class="table table-striped table-column dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                                        <thead>
                                            <tr>
                                                <th>{{ __('products::unit.Units name') }}</th>
                                                <th>{{ __('products::unit.Symbol') }}</th>
                                                <th>@lang('products::unit.products_count')</th>
                                                <th>{{ __('products::unit.Type') }}</th>
                                                @if($companyInfo->zatca_comply)
                                                    <th>{{ __('products::unit.unit_code') }}</th>
                                                @endif
                                                <th>{{ __('Actions') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($units as $unit)
                                            <tr>
                                                <td >{{ $unit->name }}</td>
                                                <td >{{ $unit->symbol }}</td>
                                                <td>{{ $unit->products()->count() }}</td>
                                                <td >{{ $unit->type->name }}</td>
                                                @if($companyInfo->zatca_comply)
                                                    <td>
                                                        @if($unit->zatca_code && \Modules\Sales\Enums\Zatca\UnitCodesEnum::generateTextValue($unit->zatca_code))
                                                            @lang('products::unit.'.\Modules\Sales\Enums\Zatca\UnitCodesEnum::generateTextValue($unit->zatca_code))
                                                        @endif
                                                    </td>
                                                @endif
                                                <td>
                                                    @can('products.units.edit')
                                                    <a href="{{ route('company.units.edit', ['subdomain' => $subdomain, 'unit' => $unit->id]) }}">
                                                        <button class='btn btni rounded-circle font-small-2 btn-info btn-xs btn-edit' data-toggle="tooltip"
                                                                data-placement="bottom" title="{{ __('Edit') }}"><i class="fa fa-pencil"></i>
                                                        </button>
                                                    </a>
                                                    @endcan
                                                    <!--btn btn-sm  btn-danger delete-unit-->
                                                    @can('products.units.delete')
                                                    <a href="" target="_blank" class="delete-unit"
                                                       data-toggle="modal"
                                                       data-target="#favoritesModal" data-url="{{ route('company.units.destroy',  ['subdomain' => $subdomain, 'unit' => $unit->id]) }}"   >
                                                        <button class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-delete' data-toggle="tooltip" data-placement="bottom" title="{{ __('Delete') }}"><i class="fa fa-trash-o"></i>
                                                        </button>
                                                    </a>
                                                    @endcan
                                                </td>
                                            </tr>
                                            @endforeach
                                        @can('products.units.delete')
                                        <div class="modal fade" id="favoritesModal" tabindex="-1" role="dialog"
                                             aria-labelledby="favoritesModalLabel">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span></button>
                                                        <h4 class="modal-title" id="favoritesModalLabel">@lang('Delete')</h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p> @lang('Are You Sure to delete this?')
                                                        </p>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default mx-1"
                                                                data-dismiss="modal">@lang('No')</button>
                                                        <span class="pull-right">
                                                            <form id="delete-form" class="form" action="" method="POST" style="display: none;">
                                                                @csrf
                                                                @method('delete')
                                                            </form>
                                                            <button class="btn btn-primary dev-detele" id="delete-yes">@lang('Yes')</button>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endcan
                                        </tbody>
                                    </table>
                                </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        @endcan
    </div>
</section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_products_and_services_units_list');
        console.log('web_products_and_services_units_list event');
    </script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            // For A Delete Record Popup
            var url = '';
            //handel desktop(click) and mobile(touchstart) browsers
            $(document).on('touchstart click', '.delete-unit', function(){
                url = $(this).attr('data-url');
                $("#delete-form").attr("action", url);
            });
            //handel desktop(click) and mobile(touchstart) browsers
            $(document).on('touchstart click', '#delete-yes', function(){
                $("#delete-form").attr("action", url);
                $(this).prop('disabled', true);
                $("#delete-form").submit();
            });
        })(jQuery);
    });
</script>
@endsection