@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            @include('partials._alerts')
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            @can('service file')
                                <a href="{{route('service.index',[$service->company_id,$service->service_type])}}" class="btn btn-primary"><i class="bx bx-left-arrow"></i> </a>
                                <a class="btn btn-success" style="margin-left: 5px;" data-bs-toggle="modal" data-bs-target="#exampleModal" href="javascript:;">ფაილის მიმაგრება</a>
                                <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('service.file')}}" method="POST" enctype="multipart/form-data">
                                                <div class="modal-body">
                                                    @csrf
                                                    <input type="hidden" name="service_id" value="{{$service->id}}" class="form-control">
                                                    <input type="text" name="title" placeholder="სათაური ..." class="form-control">
                                                    <br>
                                                    <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
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h4>სერვისის ტიპი: <strong style="color: blue;">{{__('global.'.$service->service_type)}}</strong></h4>
                            <br>
                            <h5>სერვისის თარიღი: {{$service->service_date}}</h5>
                            <h5>სერვისის ნომერი: <strong>{{$service->id}}</strong></h5>
                            <h5>მდგომარეობა: <strong>{{__('global.'.$service->status)}}</strong></h5>
                            <h5>კომპანია: <strong>{{$service->company}}</strong></h5>
                            <h5>ფილიალი: <strong>{{$service->branch}}</strong></h5>
                            <h5>მისამართი: <strong>{{$service->address}}</strong></h5>
                            <h5>დანადგარი: <strong>{{$service->code.' | '.$service->mark.' | '.$service->type.' | '.$service->model.' | '.$service->inout}}</strong></h5>
                            <br>
                            <h5>შემსრულებელი კომპანია: <strong>{{$service->service_company}}</strong></h5>
                            <h5>შემსრულებელი სპეციალისტი: <strong>{{$service->service_user}}</strong></h5><br>
                            <h5></h5><br>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="d-flex align-items-center mb-3">ჩატარებული სერვისები</h5>
                            @foreach(json_decode($service->service_chacklist) as $serch)
                                @if($serch)
                                    <h6><i class="bx bx-check-circle"></i> {{__('service.service_list.'.$serch)}}</h6>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="d-flex align-items-center mb-3">გალერეა</h5>
                            @foreach($service->files($service->id) as $pic)
                                @if($pic->type === 'jpg' || $pic->type === 'jpeg' || $pic->type === 'png')
                                    <img src="{{asset($pic->file)}}" alt="{{$pic->title}}" class="m-3 img-responsive" height="300">
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="d-flex align-items-center mb-3">დოკუმენტები</h5>
                            @foreach($service->files($service->id) as $doc)
                                @if($doc->type === 'pdf' || $doc->type === 'docx' || $doc->type === 'xlsx')
                                    <a href="{{asset($doc->file)}}" class="btn btn-secondary" download="">{{$doc->title}} <i class="bx bx-arrow-to-bottom"></i></a>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            @can('service view comment')
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="d-flex align-items-center mb-3">კომენტარები</h5>
                            @can('service add comment')
                                <form action="{{route('service.add.comment')}}" method="post">
                                    @csrf
                                    <input type="hidden" name="service_id" value="{{$service->id}}">
                                    <input type="hidden" name="user_id" value="{{$service->service_user_id}}">
                                    <input type="hidden" name="user" value="{{$service->service_user}}">
                                    <div class="row mb-3">
                                        <div class="col-md-10 col-sm-12">
                                            <input type="text" name="comment" class="form-control" id="comment" placeholder="კომენტარი">
                                        </div>
                                        <div class="col-md-2 col-sm-12">
                                            <button type="submit" class="btn btn-info px-5">დამატება</button>
                                        </div>
                                    </div>
                                </form>
                            @endcan
                            @foreach($service->comments($service->id) as $com)
                                <div class="col-md-12 mb-3">
                                    <div>{{$com->created_at.' | '.$com->user}}</div>
                                    <div>{{$com->comment}}</div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endcan
            {{--            <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">--}}
            {{--                <div class="col">--}}
            {{--                    <div class="card radius-10">--}}
            {{--                        <div class="card-body">--}}
            {{--                            <div class="d-flex align-items-center">--}}
            {{--                                <div>--}}
            {{--                                    <p class="mb-0 text-secondary">ფილიალების რაოდენობა</p>--}}
            {{--                                    <h4 class="my-1"></h4>--}}
            {{--                                </div>--}}
            {{--                                <div class="text-primary ms-auto font-35"><i class='bx bx-store-alt'></i>--}}
            {{--                                </div>--}}
            {{--                            </div>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                </div>--}}
            {{--                <div class="col">--}}
            {{--                    <div class="card radius-10">--}}
            {{--                        <div class="card-body">--}}
            {{--                            <div class="d-flex align-items-center">--}}
            {{--                                <div>--}}
            {{--                                    <p class="mb-0 text-secondary">დანადგარების რაოდენობა</p>--}}
            {{--                                    <h4 class="my-1"></h4>--}}
            {{--                                </div>--}}
            {{--                                <div class="text-warning ms-auto font-35"><i class='bx bx-barcode-reader'></i>--}}
            {{--                                </div>--}}
            {{--                            </div>--}}
            {{--                        </div>--}}
            {{--                    </div>--}}
            {{--                </div>--}}
            {{--                <div class="col">--}}
            {{--                    <div class="card radius-10">--}}
            {{--                        <div class="card-body">--}}
            {{--                            <div class="d-flex align-items-center">--}}
            {{--                                <div>--}}
            {{--                                    <p class="mb-0 text-secondary">დოკუმენტები</p>--}}
            {{--                                    <h4 class="my-1">42M</h4>--}}
            {{--                                </div>--}}
            {{--                                <div class="text-info ms-auto font-35"><i class='bx bx-task'>123</i></div>--}}
            {{--                            </div>--}}
            {{--                        </div>--}}
            {{--                    </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/livesearchbranch',
        //     method:'POST',
        //     headers: {
        //         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //     },
        //     data:{'name':val},
        //     dataType:'html',
        //     success: function (data){
        //         searchdiv.innerHTML=data;
        //     }
        // });
        // }
    </script>

    <script src="{{asset('assets/plugins/apexcharts-bundle/js/apexcharts.min.js')}}"></script>
    <script src="{{asset('assets/plugins/apexcharts-bundle/js/apex-custom.js')}}"></script>
@endpush