@extends('layouts.app')
@section('stitle', __('messages.tag'))
@section('title', __('messages.Tags'))
@section('b_title', __('messages.viewAll'))

@section('content')



<div id="table-hover-tag" class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
        @if(session()->get('title') == "success")
            <div class="alert alert-success" role="alert">
                <h4 class="alert-heading">Success</h4>
                <div class="alert-body">
                    {{ session()->get('message') }}
                </div>
            </div>
        @elseif (session()->get('title') == "error")
            <div class="alert alert-danger" role="alert">
                <h4 class="alert-heading">Error</h4>
                <div class="alert-body">
                    {{ session()->get('message') }}
                </div>
            </div>
        @elseif($errors->any())
            <div class="alert alert-danger" role="alert">
                <h4 class="alert-heading">Error</h4>
                @foreach ($errors->all() as $error)
                    <div class="alert-danger">{{ $error }}</div>
                @endforeach
            </div>
        @else
        @endif
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <button class="btn btn-secondary waves-effect waves-float waves-light " type="button" onclick="location.href='{{ route('more.list') }}'"><i data-feather='chevron-left' class="mr-1"></i>{{__('messages.Back')}}</button>
            </div>

        </div>

            <!-- Customer Tag -->
            <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.customerTag')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <!-- 1 id id is customer tag -->
                        <button class="btn-icon btn btn-success btn-round btn-sm" type="submit" onclick="location.href='{{route('tag.create',$customer)}}'"><i data-feather='plus'></i></button>
                        <button class="btn btn-primary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('tag.view',$customer) }}'">@yield('b_title')</button>
                    <!-- 1 id id is customer tag -->
                </div>
            </div>
            </div>
            <div  class="content-body">
                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-customer">
                    <div class="col-12">
                        <div class="card">
                            <div class="table">
                                <table class="invoice-list-table table">
                                    <thead>
                                        <tr>
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.CREATED')}}</th>
                                            <th>{{__('messages.ACTION')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($customer_tag as $key=> $data)
                                        <tr>
                                                <td>{{ $data->name }}</td>
                                                <td>{{convertFromUTC($data->created_at, Auth::user()->business_id)}}</td>
                                                <td>
                                                    <a class="mr-1" href="{{route('tag.edit',$data->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Edit')}}">
                                                        <i data-feather='edit' class="text-secondary"></i>
                                                        <a id="{{$data->id}}"  class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Delete')}}">
                                                            <i data-feather="trash" class="text-secondary"></i>

                                                        </a>
                                                    </a>
                                                </td>

                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Table head options end -->
            </div>

            <!-- Branch Tag -->
            <div class="content-header row mt-3">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.branchTag')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <!-- 2 id is branch tag -->
                        <button class="btn-icon btn btn-success btn-round btn-sm" type="submit" onclick="location.href='{{route('tag.create',$branch)}}'"><i data-feather='plus'></i></button>
                        <button class="btn btn-primary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('tag.view',$branch) }}'">@yield('b_title')</button>
                    <!-- 2 id is branch tag -->
                </div>
            </div>
            </div>

            <div class="content-body">
                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-branch">
                    <div class="col-12">
                        <div class="card">
                            <div class="table-responsive">
                                <table class="invoice-list-table table">
                                    <thead>
                                        <tr>
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.CREATED')}}</th>
                                            <th>{{__('messages.ACTION')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($branch_tag as $key=> $data)
                                        <tr>
                                                <td>{{ $data->name }}</td>
                                                <td>{{convertFromUTC($data->created_at, Auth::user()->business_id)}}</td>
                                                <td>
                                                    <a class="mr-1" href="{{route('tag.edit',$data->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Edit')}}">
                                                        <i data-feather='edit' class="text-secondary"></i>
                                                        <a id="{{$data->id}}" class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Delete')}}">
                                                            <i data-feather="trash" class="text-secondary"></i>
                                                        </a>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Table head options end -->
            </div>

            <!-- Inventory Item Tag -->
            <div class="content-header row mt-3">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.inventoryItemTag')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <!-- 3 id is Inventory tag -->
{{--                        <button onclick="location.href='{{route('more.inventory_item_tag_create')}}'"  class="btn btn-primary waves-effect waves-float waves-light"  type="submit" data-toggle="modal" data-target="#">@yield('b_title')</button>--}}
                        <button class="btn-icon btn btn-success btn-round btn-sm" type="submit" onclick="location.href='{{route('tag.create',$inventory)}}'"><i data-feather='plus'></i></button>
                        <button class="btn btn-primary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('tag.view',$inventory) }}'">@yield('b_title')</button>
                    <!-- 3 id is Inventory tag -->
                </div>
            </div>
            </div>

            <div class="content-body">
                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-inventory">
                    <div class="col-12">
                        <div class="card">
                            <div class="table-responsive">
                                <table class="invoice-list-table table">
                                    <thead>
                                        <tr>
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.CREATED')}}</th>
                                            <th>{{__('messages.ACTION')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($inventory_tag  as $key=> $data)
                                        <tr>
                                                <td>{{ $data->name }}</td>
                                                <td>{{convertFromUTC($data->created_at, Auth::user()->business_id)}}</td>
                                                <td>
                                                    <a class="mr-1" href="{{route('tag.edit',$data->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Edit')}}">
                                                        <i data-feather='edit' class="text-secondary"></i>
                                                        <a id="{{ $data->id }}" class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Delete')}}">
                                                            <i data-feather="trash" class="text-secondary"></i>
                                                        </a>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Table head options end -->
            </div>

            <!-- Order Tag-->
            <div class="content-header row mt-3">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.orderTag')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <!-- 4 id is Order tag -->
{{--                        <button onclick="location.href='{{route('more.order_tag_create')}}'"  class="btn btn-primary waves-effect waves-float waves-light"  type="submit" data-toggle="modal" data-target="#">@yield('b_title')</button>--}}
                        <button class="btn-icon btn btn-success btn-round btn-sm" type="submit" onclick="location.href='{{route('tag.create',$order)}}'"><i data-feather='plus'></i></button>
                        <button class="btn btn-primary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('tag.view',$order) }}'">@yield('b_title')</button>
                    <!-- 4 id is Order tag -->
                </div>
            </div>
            </div>

            <div class="content-body">
                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-order">
                    <div class="col-12">
                        <div class="card">
                           <div class="table-responsive">
                                <table class="invoice-list-table table">
                                    <thead>
                                        <tr>
{{--                                            <th>S.NO</th>--}}
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.CREATED')}}</th>
                                            <th>{{__('messages.ACTION')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($order_tag as $key=> $data)
                                        <tr>
{{--                                                <td>{{ ++ $key }}</td>--}}
                                                <td>{{ $data->name }}</td>
                                                <td>{{convertFromUTC($data->created_at, Auth::user()->business_id)}}</td>
                                                <td>
                                                    <a class="mr-1" href="{{route('tag.edit',$data->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Edit')}}">
                                                        <i data-feather='edit' class="text-secondary"></i>
                                                        <a id="{{ $data->id }}" class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Delete')}}">
                                                            <i data-feather="trash" class="text-secondary"></i>
                                                        </a>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Table head options end -->
            </div>
            <!-- Supplier Tag -->
            <div class="content-header row mt-3">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.supplierTag')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <!-- 5 id is Supplier tag -->
                        <button class="btn-icon btn btn-success btn-round btn-sm" type="submit" onclick="location.href='{{route('tag.create',$supplier)}}'"><i data-feather='plus'></i></button>
                        <button class="btn btn-primary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('tag.view',$supplier) }}'">@yield('b_title')</button>
                    <!-- 5 id is Supplier tag -->
                </div>
            </div>
            </div>
            <div class="content-body">
                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-supplier">
                    <div class="col-12">
                        <div class="card">
                          <div class="table-responsive">
                                <table class="invoice-list-table table">
                                    <thead>
                                        <tr>
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.CREATED')}}</th>
                                            <th>{{__('messages.ACTION')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                         @foreach($supplier_tag as  $key=> $data)
                                         <tr>
{{--                                                 <td>{{ ++ $key }}</td>--}}
                                                 <td>{{ $data->name }}</td>
                                                 <td>{{convertFromUTC($data->created_at, Auth::user()->business_id)}}</td>
                                                 <td>
                                                     <a class="mr-1" href="{{route('tag.edit',$data->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Edit')}}">
                                                         <i data-feather='edit' class="text-secondary"></i>
                                                         <a id="{{ $data->id }}" class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Delete')}}">
                                                             <i data-feather="trash" class="text-secondary"></i>
                                                         </a>
                                                     </a>
                                                 </td>
                                             </tr>
                                         @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Table head options end -->
            </div>
            <!--User Tag -->
            <div class="content-header row mt-3">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.userTag')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <!-- 6 id is User tag -->
{{--                        <button onclick="location.href='{{route('more.user_tag_create')}}'"  class="btn btn-primary waves-effect waves-float waves-light"  type="submit" data-toggle="modal" data-target="#">@yield('b_title')</button>--}}
                        <button class="btn-icon btn btn-success btn-round btn-sm" type="submit" onclick="location.href='{{route('tag.create',$user)}}'"><i data-feather='plus'></i></button>
                        <button class="btn btn-primary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('tag.view',$user) }}'">@yield('b_title')</button>
                    <!-- 6 id is User tag -->

                </div>
            </div>
            </div>
            <div class="content-body">
                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-user">
                    <div class="col-12">
                        <div class="card">
                           <div class="table-responsive">
                                <table class="invoice-list-table table">
                                    <thead>
                                        <tr>
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.CREATED')}}</th>
                                            <th>{{__('messages.ACTION')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($user_tag as $key=> $data)
                                        <tr>
{{--                                                <td>{{ ++ $key }}</td>--}}
                                                <td>{{ $data->name }}</td>
                                                <td>{{convertFromUTC($data->created_at, Auth::user()->business_id)}}</td>
                                                <td>
                                                    <a class="mr-1" href="{{route('tag.edit',$data->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Edit')}}">
                                                        <i data-feather='edit' class="text-secondary"></i>
                                                        <a id="{{ $data->id }}" class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Delete')}}">
                                                            <i data-feather="trash" class="text-secondary"></i>
                                                        </a>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Table head options end -->
            </div>
            <!-- Product Tag -->
            <div class="content-header row mt-3">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.productTag')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <!-- 7 id is Product tag -->
                        <button class="btn-icon btn btn-success btn-round btn-sm" type="submit" onclick="location.href='{{route('tag.create',$product)}}'"><i data-feather='plus'></i></button>
                        <button class="btn btn-primary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('tag.view',$product) }}'">@yield('b_title')</button>
                    <!-- 7 id is Product tag -->
                </div>
            </div>
            </div>

            <div class="content-body">
                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-product">
                    <div class="col-12">
                        <div class="card">
                              <div class="table-responsive">
                                    <table class="invoice-list-table table">
                                        <thead>
                                            <tr>
                                                <th>{{__('messages.name')}}</th>
                                                <th>{{__('messages.CREATED')}}</th>
                                                <th>{{__('messages.ACTION')}}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($product_tag as $key=> $data)
                                            <tr>
{{--                                                    <td>{{ ++ $key}}</td>--}}
                                                    <td>{{ $data->name }}</td>
                                                    <td>{{convertFromUTC($data->created_at, Auth::user()->business_id)}}</td>
                                                    <td>
                                                        <a class="mr-1" href="{{route('tag.edit',$data->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Edit')}}">
                                                            <i data-feather='edit' class="text-secondary"></i>
                                                            <a id="{{ $data->id }}" class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Delete')}}">
                                                                <i data-feather="trash" class="text-secondary"></i>
                                                            </a>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                              </div>
                          </div>
                    </div>
                </div>
                <!-- Table head options end -->
            </div>

            <!-- Device Tag -->
            <div class="content-header row mt-3">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class=" float-left mb-0 pt-1">{{__('messages.deviceTag')}}</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <div class="form-group breadcrumb-right mb-1">
                    <!-- 8 id is Device tag -->
                        <button class="btn-icon btn btn-success btn-round btn-sm" type="submit" onclick="location.href='{{route('tag.create',$device)}}'"><i data-feather='plus'></i></button>
                        <button class="btn btn-primary waves-effect waves-float waves-light" type="button" onclick="location.href='{{ route('tag.view',$device) }}'">@yield('b_title')</button>
                    <!-- 8 id is Device tag -->

                </div>
            </div>
            </div>

            <div class="content-body">
                <!-- Table Hover Animation start -->
                <div class="row" id="table-hover-device">
                    <div class="col-12">
                        <div class="card">
                          <div class="table-responsive">
                                <table class="invoice-list-table table">
                                    <thead>
                                        <tr>
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.CREATED')}}</th>
                                            <th>{{__('messages.ACTION')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($device_tag as $key=> $data)
                                        <tr>
{{--                                            <td>{{ ++ $key  }}</td>--}}
                                            <td>{{ $data->name }}</td>
                                            <td>{{convertFromUTC($data->created_at, Auth::user()->business_id)}}</td>
                                            <td>
                                                <a class="mr-1" href="{{route('tag.edit',$data->id)}}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Edit')}}">
                                                    <i data-feather='edit' class="text-secondary"></i>
                                                    <a id="{{ $data->id }}" class="mr-1 del_btn" href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{__('messages.Delete')}}">
                                                        <i data-feather="trash" class="text-secondary"></i>
                                                    </a>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- Table head options end -->
            </div>


    <div class="modal-size-md d-inline-block">
    <!-- Modal -->
    <div class="modal fade text-left" id="Copy_Branch_Settings" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-md" role="document">
            <div class="modal-content">
                <form class="dt_adv_search" method="POST">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel17">Copy Branch Settings</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                <div class="row">
                            <div class="col-12">
                                <div class="form-row mb-1">
                                    <div class="col-md-12 mb-1">
                                        <label>Branches to copy settings to:</label>
                                        <select class="form-select form-control dt-input" name="tag" aria-label="Default select example" >
                                            <option value="1">one</option>
                                            <option value="2">two</option>
                                        </select>
                                    </div>
                                    <div class="col-md-12 mb-1">
                                        <label>Branches to copy settings to:</label>
                                        <select class="form-select form-control dt-input" name="tag" aria-label="Default select example" >
                                            <option value="1">one</option>
                                            <option value="2">two</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" data-dismiss="modal">Apply</button>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection
@push('my_scripts')
<script>

    $("#table-hover-tag").on("click", ".del_btn", function(e) {
        e.preventDefault();
        let id =this.id
        let selectedTr = $(this).closest('tr');
        confirmationDelete(id, '{{ route('tag.delete') }}', selectedTr);
        // alert('Hello');
    });
</script>


@endpush