@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            @include('partials._alerts')
            <div class="row">
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="d-flex align-items-center mb-3"><b>კომპანია</b></h5>
                            <h5>ს/კ: <strong>{{$company->id_number}}</strong></h5>
                            <h5>დასახელება: <strong>{{$company->name}}</strong></h5>
                            <h5>მისამართი: <strong>{{$company->address}}</strong></h5>
                            <h5>მენეჯერი: <strong>{{$company->manager}}</strong></h5>
                            <h5>დაწყების თარიღი: <strong>{{\Illuminate\Support\Carbon::parse($company->start_date)->format('d-M-Y')}}</strong></h5>
                            <h5>მიმდინარე ხელშეკრულების პერიოდი: <strong>@if($planned){{\Illuminate\Support\Carbon::parse($planned->doc_date_start)->format('d-M-Y')}} - {{\Illuminate\Support\Carbon::parse($planned->doc_date_end)->format('d-M-Y')}}@endif</strong></h5>
                            <h5></h5>
                            <h5></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"><strong>გეგმიური სერვისები</strong></h5>
                            <h5>ხელშეკრულების ჯამური მოცულობა: <strong>@if($total){{$total}}@else 0 @endif ₾</strong></h5>
                            <hr>
                            <h5>მიმდინარე ხელშეკრულების მოცულობა: <strong>@if($planned){{$planned->price}}@else 0 @endif ₾</strong></h5>
                            {{--                            <div id="chart8"></div>--}}
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <h5 class="d-flex align-items-center mb-3"><strong>არაგეგმიური სერვისები</strong></h5>
                            <h5>არაგეგმიური სერვისების მოცულობა: <strong>@if($unplanned){{$unplanned->price}}@else 0 @endif ₾</strong></h5>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <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">{{$company->branchCount($company->id)}}</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">{{$company->branches->count()}}</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">
                        <a href="#">
                        <div class="card-body">
                            <div class="d-flex align-items-center">
                                <div>
                                    <p class="mb-0 text-secondary">სერვისები სულ</p>
                                    <h4 class="my-1">{{$service_count}}</h4>
                                </div>
                                <div class="text-info ms-auto font-35"><i class='bx bx-refresh'></i>
                                </div>
                            </div>
                        </div>
                        </a>
                    </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">@if($company->documents){{$company->documents->count()}}@endif</h4>
                                </div>
                                <div class="text-secondary ms-auto font-35"><i class='bx bx-task'></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="col d-flex">
                @can('document add')
                    <a href="{{route('document.index',$company->id)}}" type="button" class="btn btn-warning px-5" style="margin-left: 10px;">დოკუმენტაცია</a>
                @endcan
                @can('service add')
                <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',$company->id])}}">გეგმიური</a>
                            <a class="dropdown-item" href="{{route('service.create',['unplanned',$company->id])}}">არაგეგმიური</a>
                        </ul>
                    </div>
                </div>
                @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="branch-list" class="form-control ps-5 search-input" placeholder="ძებნა ...."> <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>
                        @can('branches add')
                            <a href="{{route('branch.create',$company->id)}}" title="ფილიალის დამატება"><button type="button" class="btn btn-sm btn-success text-center"><i style="margin: auto;" class="fa fa-plus" aria-hidden="true"></i></button></a>
                        @endcan
                        @if(auth()->user()->can('branches import') or auth()->user()->can('branches export'))
                            <div style="margin-left:15px;">
                                <div class="dropdown">
                                    <button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Excell</button>
                                    <ul class="dropdown-menu" style="margin: 0px;">
                                        @can('branches import')
                                            <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#exampleModal" href="javascript:;">იმპორტი</a>
                                        @endcan
                                        @can('branches export')
                                            <a class="dropdown-item" href="{{route('branch.export.excell',$company->id)}}">ექპორტი</a>
                                        @endcan
                                    </ul>
                                </div>
                            </div>
                        @endif
                        @can('branches 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('branch.import.excell',$company->id) }}"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
                        @can('branches delete')
                            <form action="{{route('branch.deletefull',$company->id)}}" method="post">
                                @csrf
                                @method('DELETE')
                                <button type="submit" onclick="return confirm('დარწმუნებული ხართ რომ გასუფთავდეს ფილიალები სრულად ?');" class="ms-3 btn btn-sm btn-danger">გასუფთავება</button>
                            </form>
                        @endcan
                    </div>
                    <div class="table-responsive" style="height: 520px;">
                        @can('branches view')
                        <table class="table mb-0 branch-list">
                            <thead class="table-light">
                            <tr>
                                <th>#</th>
                                <th>ფილიალი</th>
{{--                                <th>მისამართი</th>--}}
                                <th>რეგიონი</th>
                                <th>ქალაქი</th>
                                <th>მენეჯერი</th>
                                <th>ტელეფონი</th>
                                <th>მარკა</th>
                                <th>მოდელი</th>
                                <th>შიდა/გარე</th>
                                <th>კოდი</th>
                                <th>კომენტარი</th>
                                <th>მოქმედება</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($company->branches as $branch)
                                <tr>
                                    <td>

                                        <div class="col">
                                            <a class="btn btn-sm btn-secondary" href="{{route('branch.show',[$branch->id,$company->id])}}"><i class="bx bx-caret-right-circle"></i></a>
{{--                                        <div class="dropdown" style="position: inherit;">--}}
{{--                                            <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="bx bx-transfer"></i></button>--}}
{{--                                            <ul class="dropdown-menu">--}}
{{--                                                <a class="dropdown-item" href="{{route('branch.show',[$branch->id,$company->id])}}">დეტალურად ნახვა</a>--}}
{{--                                                @can('service add')--}}
{{--                                                <a class="dropdown-item" href="javascript:;">გეგმიური სერვისები</a>--}}
{{--                                                <a class="dropdown-item" href="javascript:;">არაგეგმიური სერვისები</a>--}}
{{--                                                @endcan--}}
{{--                                            </ul>--}}
{{--                                        </div>--}}
                                    </td>
                                    <td>{{$branch->branch}}</td>
                                    <td>{{$branch->region}}</td>
                                    <td>{{$branch->city}}</td>
                                    <td>{{$branch->manager}}</td>
                                    <td>{{$branch->phone}}</td>
                                    <td>{{$branch->mark}}</td>
                                    <td>{{$branch->model}}</td>
                                    <td>{{$branch->inout}}</td>
                                    <td>{{$branch->code}}</td>
                                    <td>{{$branch->comment}}</td>
                                    <td>
                                        <div class="d-flex order-actions">
                                            @can('branches edit')
                                            <a href="{{route('branch.edit',[$branch->id,$company->id])}}" class=""><i class='bx bxs-edit'></i></a>
                                            @endcan
                                            @can('branches delete')
                                            <form action="{{route('branch.destroy',$branch->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>
                            @endcan
                    </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>
        {{--$(function () {--}}
        {{--    // chart 8--}}
        {{--    var options = {--}}
        {{--        series: [{{$finished}}, {{$planned}}, {{$unplanned}}],--}}
        {{--        chart: {--}}
        {{--            foreColor: '#9ba7b2',--}}
        {{--            height: 250,--}}
        {{--            type: 'pie',--}}
        {{--        },--}}
        {{--        colors: ["#17a00e", "#0d6efd", "#ffc107"],--}}
        {{--        labels: ['შესრულებული', 'გეგმიური', 'არაგეგმიური'],--}}
        {{--        responsive: [{--}}
        {{--            breakpoint: 480,--}}
        {{--            options: {--}}
        {{--                chart: {--}}
        {{--                    height: 360--}}
        {{--                },--}}
        {{--                legend: {--}}
        {{--                    position: 'bottom'--}}
        {{--                }--}}
        {{--            }--}}
        {{--        }]--}}
        {{--    };--}}
        {{--    var chart = new ApexCharts(document.querySelector("#chart8"), options);--}}
        {{--    chart.render();--}}
        {{--});--}}
    </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