@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 d-flex">
                            <a href="{{route('service.all',$service->status)}}" class="btn btn-primary"><i class="bx bx-left-arrow"></i> </a>
                            @can('service file')
                                @if($service->status!=='finished')
                                    <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>
                                @endif
                            @endcan
                            @can('service status')
                                @if($service->status!=='finished')
                                    <form style="margin-left: 5px;" action="{{route('service.finished',$service->id)}}" method="POSt">
                                        @csrf
                                        @method('PUT')
                                        <button class="btn btn-warning" >სერვისის დასრულება</button>
                                    </form>
                                @endif
                            @endcan
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            @if($service->service_type=='planned')
                                <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>
                                <br>
                                <h5>შემსრულებელი კომპანია: <strong>{{$service->service_company}}</strong></h5>
                                <h5>შემსრულებელი სპეციალისტები:
                                    @if(!$service->service_chacklist)
                                        @can('service user change')
                                            <button class="btn tbn-sm btn-primary" title="სპეციალისტის ცვლილება" data-bs-toggle="modal" data-bs-target="#changeService"><i class="bx bx-refresh"></i> </button>
                                        @endcan
                                    @endif
                                    <br>
                                    <div>
                                        @foreach(json_decode($service->service_user) as $val)
                                            <p><strong>{{\App\Http\Controllers\ServiceController::getUser($val)}}</strong></p>
                                        @endforeach
                                    </div>
                                </h5>
                                <br>
                                <h5>დანადგარები:</h5>
                                <div style="overflow-y: scroll; height: 300px">
                                    @foreach($items as $item)
                                        <p>{{$item->code.' | '.$item->mark.' | '.$item->type.' | '.$item->model.' | '.$item->inout}}</p>
                                    @endforeach
                                </div>
                                <br>
                            @elseif($service->service_type=='unplanned')
                                <h4>სერვისის ტიპი: <strong style="color: blue;">{{__('global.'.$service->service_type)}}</strong></h4>
                                <h4>ჯამური თანხა: <strong style="color: green;">{{$service->service_price}} ₾</strong></h4>
                                <br>
                                <h5>სერვისის თარიღი: {{$service->service_date}}</h5>
                                <h5>სერვისის ნომერი: <strong>{{$service->id}}</strong></h5>
                                <h5>მდგომარეობა: <strong style="color: blue;">{{__('global.'.$service->status)}}</strong></h5>
                                <h5>კომპანია: <strong>{{$service->company}}</strong></h5>
                                <h5>ფილიალი: <strong>{{$service->branch}}</strong></h5>
                                <h5>მენეჯერი: <strong>{{$service->manager}}</strong></h5>
                                <h5>ტელეფონი: <strong>{{$service->phone}}</strong></h5>
                                <h5>მისამართი: <strong>{{$service->address}}</strong></h5>
                                <br>
                                <h5>შემსრულებელი კომპანია: <strong>{{$service->service_company}}</strong></h5>
                                <br>
                                <h5>შემსრულებელი სპეციალისტები:
                                    @if(!$service->service_chacklist)
                                        @can('service user change')
                                            <button class="btn tbn-sm btn-primary" title="სპეციალისტის ცვლილება" data-bs-toggle="modal" data-bs-target="#changeService"><i class="bx bx-refresh"></i> </button>
                                        @endcan
                                    @endif
                                    <br>
                                    <div>
                                        @foreach(json_decode($service->service_user) as $val)
                                            <p><strong>{{\App\Http\Controllers\ServiceController::getUser($val)}}</strong></p>
                                        @endforeach
                                    </div>
                                </h5>
                                <br>
                                <h5>დანადგარები:</h5>
                                <div style="overflow-y: scroll; height: 300px">
                                    @foreach($items as $item)
                                        <p>{{$item->code.' | '.$item->mark.' | '.$item->type.' | '.$item->model.' | '.$item->inout}}</p>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                @can('service user change')
                <div class="modal fade" id="changeService" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5" id="exampleModalLabel">სპეციალისტის ცვლილება</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <form action="{{route('service.user.change',$service->id)}}" method="post">
                                @csrf
                                @method('PUT')
                                <input type="hidden" name="company" value="{{$service->company}}">
                                <input type="hidden" name="branch" value="{{$service->branch}}">
                                <div class="modal-body">
                                    <div class="mb-3">
                                        @foreach($serusers as $user)
                                            @if($user->hasRole('service'))
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input" @if($user->id) checked @endif name="service_user[]" value="{{$user->id}}" type="checkbox" id="flexSwitchCheckDefault-{{$user->id}}">
                                                    <label class="form-check-label" for="flexSwitchCheckDefault-{{$user->id}}">{{$user->name}}</label>
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" class="btn btn-primary">ცვლილება</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                @endcan
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="d-flex align-items-center mb-3">
                                @if(!$service->service_chacklist)<button type="button" class="btn btn-sm btn-success" data-bs-toggle="modal" data-bs-target="#{{$service->service_type}}Modal"><i class="fa fa-plus"></i>@endif</button>
                                &nbsp;ჩატარებული სერვისები
                            </h5>
                            @if($service->service_chacklist)
                            @foreach(json_decode($service->service_chacklist) as $serch)
                                @if($serch)
                                    <h6><i class="bx bx-check-circle"></i> @if($service->service_type=='planned'){{__('service.service_list.'.$serch)}}@else {{$serch}} @endif </h6>
                                @endif
                            @endforeach
                            @endif
                        </div>
                    </div>
                </div>
                <div class="modal fade" id="plannedModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5" id="exampleModalLabel">გეგმიური</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                            </div>
                            <div style="padding: 7px;">
                                <input type="button" onclick='selects()' class="btn btn-sm btn-secondary" value="ყველას მონიშნვნა"/>
                                <input type="button" onclick='deSelect()' class="btn btn-sm btn-secondary" value="ყველას მოხსნა"/>
                            </div>
                            <form action="{{route('service.checklists.add',$service->id)}}" method="post">
                                @csrf
                                @method('PUT')
                                <div class="modal-body">
                                    <div class="mb-3">
                                        @foreach(__('service.service_list') as $key=>$val)
                                            <div class="form-check form-switch">
                                                <input class="form-check-input" name="service_chacklist[]" value="{{$key}}" type="checkbox" id="flexSwitchCheckDefault-{{$key}}">
                                                <label class="form-check-label" for="flexSwitchCheckDefault-{{$key}}">{{$val}}</label>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <input type="hidden" class="form-control" id="service_price" value="0" name="service_price">
                                <div class="modal-footer">
                                    <button type="reset" class="btn btn-secondary">გასუფთავება</button>
                                    <button type="submit" class="btn btn-primary">დამატება</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="modal fade" id="unplannedModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5" id="exampleModalLabel">არაგეგმიური</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <form action="{{route('service.checklists.add',$service->id)}}" method="post">
                                @csrf
                                @method('PUT')
                                <div class="modal-body">
                                    <div class="mb-3">
                                        <label for="service_chacklist" class="form-label">განხორციელებული სამუშაოების ჩამონათვალი</label>
                                        <input type="text" class="form-control" data-role="tagsinput" id="service_chacklist" value="{{old('service_chacklist')}}" name="service_chacklist">
                                    </div>
                                    <div class="row mb-3">
                                        <label for="service_price" class="col-sm-6 col-form-label">ჯამური თანხა</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" id="service_price" value="{{old('service_price')}}"  name="service_price">
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="reset" class="btn btn-secondary" >გასუფთავება</button>
                                    <button type="submit" class="btn btn-primary">დამატება</button>
                                </div>
                            </form>
                        </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')
                                @if($service->status!=='finished')
                                    <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>
                                @endif
                            @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('css')
    <link href="{{asset('assets/plugins/input-tags/css/tagsinput.css')}}" rel="stylesheet" />
    <link href="{{asset('assets/plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
    <link href="{{asset('assets/plugins/select2/css/select2-bootstrap4.css')}}" rel="stylesheet" />
@endpush
@push('script')
    <script src="{{asset('assets/plugins/input-tags/js/tagsinput.js')}}"></script>
    <script>
        function selects(){
            var ele=document.getElementsByName('service_chacklist[]');
            for(var i=0; i<ele.length; i++){
                if(ele[i].type=='checkbox')
                    ele[i].checked=true;
            }
        }
        function deSelect(){
            var ele=document.getElementsByName('service_chacklist[]');
            for(var i=0; i<ele.length; i++){
                if(ele[i].type=='checkbox')
                    ele[i].checked=false;

            }
        }
        (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