@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            @include('partials._alerts')
            <div class="col d-flex">
                @can('service add')
{{--                    <a href="{{route('company.show',$company->id)}}" class="btn btn-primary"><i class="bx bx-left-arrow"></i> </a>--}}
                    <div style="margin-left:15px;">
                        <div class="dropdown">
                            <button class="btn btn-success dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">სერვისის დამატება</button>
                            <ul class="dropdown-menu">
                                <a class="dropdown-item" href="{{route('service.create','planned')}}">გეგმიური</a>
                                <a class="dropdown-item" href="{{route('service.create','unplanned')}}">არაგეგმიური</a>
                            </ul>
                        </div>
                    </div>
                @endcan
                @if(auth()->user()->can('service export'))
                    <div style="margin-left:15px;">
                        <div class="dropdown" >
                            <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Excell</button>
                            <ul class="dropdown-menu" style="margin: 0px;">
                                @can('company import')
{{--                                    <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#exampleModal" href="javascript:;">იმპორტი</a>--}}
                                @endcan
                                @can('service export')
                                    <a class="dropdown-item" href="{{route('service.export.excell',\Illuminate\Support\Facades\Route::current()->type)}}">ექპორტი</a>
                                @endcan
                            </ul>
                        </div>
                    </div>

                    @can('company import')
                        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel">აირჩიეთ ფაილი</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <form action="{{ route('company.import.excell') }}"method="POST" enctype="multipart/form-data">
                                        <div class="modal-body">
                                            @csrf
                                            <input type="file" name="file" class="form-control">
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">X</button>
                                            <button type="submit" class="btn btn-primary">ატვირთვა</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endcan
                @endif
            </div>
            <hr>

            <div class="card">
                <div class="card-body">
                    <div class="d-lg-flex align-items-center mb-4 gap-3">
                        <div class="position-relative d-flex">
                            <input type="search" data-table="company-list" class="form-control ps-5 search-input" placeholder="ძებნა ..." width="40"> <span class="position-absolute top-50 product-show translate-middle-y"><i class="bx bx-search"></i></span>
                            &nbsp;<button class="btn btn-primary" onClick="window.location.reload();"><i class="fa fa-refresh"></i> </button>
                            <div style="display:none;" class="company_live_search"></div>
                        </div>
                    </div>
{{--                    @include('partials._loading')--}}
                    <div class="table-responsive" id="companytable">
                        <table class="table mb-0 company-list">
                            <thead class="table-light">
                            <tr>
{{--                                <th>#</th>--}}
                                <th>თარიღი</th>
                                <th>კომპანია</th>
                                <th>ფილიალი</th>
                                <th>ქალაქი</th>
                                <th>გეგმიური/არაგეგმიური</th>
                                <th>დანადგ. რაოდენობა</th>
                                <th>სერვ. სპეციალისტი</th>
                                <th>მოქმედება</th>
                            </tr>
                            <tr>
                                {{--                                <th>#</th>--}}
                                <th><input id="service_date">&nbsp;<i onclick="SearchResult('service_date')" class="fa fa-search"></i> </th>
                                <th><input id="company">&nbsp;<i onclick="SearchResult('company')" class="fa fa-search"></i></th>
                                <th><input id="branch">&nbsp;<i onclick="SearchResult('branch')" class="fa fa-search"></i></th>
                                <th><input id="city">&nbsp;<i onclick="SearchResult('city')" class="fa fa-search"></i></th>
                                <th></th>
                                <th></th>
                                <th><input name="service_user"> <i onclick="SearchResult('service_user')" class="fa fa-search"></i></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody id="divtable">
                            <div id="allresult">
                                @foreach($services as $service)
                                    @can('service show')
                                        <a href="{{route('service.show',$service->id)}}">
                                    @endcan
                                    <tr style="background-color: {{__('service.service_colors.'.$service->status)}};">
                                        {{--                                    <td>{{$service->id}}</td>--}}
                                        <td class="d-flex">
                                            <div class="order-actions">
                                                @can('service show')
                                                    <a href="{{route('service.show',$service->id)}}" class=""><i class='fa fa-eye'></i></a>
                                                @endcan
                                            </div>
                                            <div style="padding: 6px;">{{$service->service_date}}</div>
                                        </td>
                                        <td>{{$service->company}}</td>
                                        <td>{{$service->branch}}</td>
                                        <td>{{$service->city}}</td>
                                        <td><strong>{{__('global.'.$service->service_type)}}</strong></td>
                                        <td>{{$service->machine($service->branch)}}</td>
                                        <td>{{$service->service_user}}</td>
                                        <td>
                                            <div class="d-flex order-actions">
{{--                                                @can('service show')--}}
{{--                                                    <a href="{{route('service.show',$service->id)}}" class=""><i class='bx bxs-edit'></i></a>--}}
{{--                                                @endcan--}}
                                                @can('service delete')
{{--                                                    @if($service->status!='finished')--}}
                                                        <form action="{{route('service.remove',$service->id)}}" method="post">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" style="border: none;border-radius: 6px;padding: 4px 10px;font-size: 16px;" onclick="return confirm('დარწმუნებული ხართ რომ წაიშალოს ?');" class="ms-3"><i class='bx bxs-trash'></i></button>
                                                        </form>
{{--                                                    @endif--}}
                                                @endcan
                                            </div>
                                        </td>
                                    </tr>
                                    @can('service show')
                                        </a>
                                    @endcan
                                @endforeach
                            </div>
                            </tbody>
                        </table>
                        <hr>
                        {{$services->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        function SearchResult(val){
            var allresult = document.getElementById('allresult');
            var searchresult = document.getElementById('searchresult');
            var input_value = document.getElementById(val).value;
            if(input_value.length > 0){
                allresult.style.display = 'none';
                $.ajax({
                    url:'/api/service_search_ajax',
                    method:'POST',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data:{'val':val,'name':input_value},
                    dataType:'html',
                    beforeSend: function (){
                        document.getElementById('fullpageloading').style.display='block';
                    },
                    success: function (data){
                        document.getElementById('fullpageloading').style.display='none';
                        divtable.innerHTML=data;
                    }
                });
            }else{
                //allresult.style.display = 'block';
                alert('გთხოვთ მიუთითოდ საძიებო სიტყვა !!!')
            }
        }
        (function(document) {
            'use strict';
            var TableFilter = (function(myArray) {
                var search_input;
                function _onInputSearch(e) {
                    search_input = e.target;
                    var tables = document.getElementsByClassName(search_input.getAttribute('data-table'));
                    myArray.forEach.call(tables, function(table) {
                        myArray.forEach.call(table.tBodies, function(tbody) {
                            myArray.forEach.call(tbody.rows, function(row) {
                                var text_content = row.textContent.toLowerCase();
                                var search_val = search_input.value.toLowerCase();
                                row.style.display = text_content.indexOf(search_val) > -1 ? '' : 'none';
                            });
                        });
                    });
                }
                return {
                    init: function() {
                        var inputs = document.getElementsByClassName('search-input');
                        myArray.forEach.call(inputs, function(input) {
                            input.oninput = _onInputSearch;
                        });
                    }
                };
            })(Array.prototype);
            document.addEventListener('readystatechange', function() {
                if (document.readyState === 'complete') {
                    TableFilter.init();
                }
            });
        })(document);
    </script>
@endpush