@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            @include('partials._alerts')
            <div class="col d-flex">
                <a href="{{route('company.show',$company->id)}}" class="btn btn-primary"><i class="bx bx-left-arrow"></i> </a>
                @can('document add')
                    <a href="{{route('document.create',$company->id)}}" type="button" class="btn btn-primary px-5" style="margin-left: 10px;">დამატება</a>
                @endcan
            </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">
                            <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>
                            <div style="display:none;" class="company_live_search"></div>
                        </div>
                    </div>
                    <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>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($documents as $doc)
                                <tr>
                                    <td>{{$doc->id}}</td>
                                    <td>{{__('global.'.$doc->document_type)}}</td>
                                    <td>{{$doc->doc_date_start}} @if($doc->doc_date_end!=null) - {{$doc->doc_date_end}} @endif</td>
                                    <td>{{$doc->price}} ₾</td>
                                    <td><a href="{{asset($doc->file)}}" download><button class="btn btn-sm btn-primary">ჩამოტვირთე <i class="fa fa-pdf"></i></button></a></td>
                                    <td>
                                        <div class="d-flex order-actions">
                                            @can('document delete')
                                                <form action="{{route('document.destroy',$doc->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>
                                            @endcan
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <hr>
                        {{$documents->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        (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);
        // function liveSearch(val){
        //     const searchdiv = document.querySelector('.company_live_search');
        //     if(val.length > 0){
        //         searchdiv.style.display = 'block';
        //     }else{
        //         searchdiv.style.display = 'none';
        //         searchdiv.innerHTML='';
        //     }
        //     $.ajax({
        //         url:'/api/livesearch',
        //         method:'POST',
        //         headers: {
        //             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //         },
        //         data:{'id':val},
        //         dataType:'html',
        //         success: function (data){
        //             searchdiv.innerHTML=data;
        //         }
        //     });
        // }
    </script>
@endpush