@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="row">
                @include('partials._alerts')
                <div class="col-xl-9 mx-auto">
                    <div class="d-flex">
                        <h6 style="padding: 8px 8px;" class="mb-0 text-uppercase">{{__('global.planned')}} დამატება</h6>
                    </div>
                    <hr/>
                    <div class="card border-top border-0 border-4 border-info">
                        <div class="card-body">
                            <div class="border p-4 rounded">
                                <hr/>
                                <form action="{{route('service.planned.store')}}" method="post">
                                    @csrf
                                    <div class="row mb-3">
                                        <label for="company" class="col-sm-3 col-form-label">დამკვეთი კომპანია</label>
                                        <div class="col-sm-9">
                                            <select class="single-select" onchange="getBranchs($(this).val())" name="companyid">
                                                <option value="#" selected></option>
                                                @foreach($companies as $company)
                                                    <option value="{{$company->id}}">{{$company->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
{{--                                    <div class="row mb-3">--}}
{{--                                        <label for="code" class="col-sm-3 col-form-label">კოდი</label>--}}
{{--                                        <div class="col-sm-9" style="position: relative;">--}}
{{--                                            <input onkeyup="liveSearch($(this).val())" type="text" value="{{old('code')}}" name="code" class="form-control" id="code">--}}
{{--                                            <div style="display:none;" class="device_live_search"></div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="row mb-3">--}}
{{--                                        <label for="mark" class="col-sm-3 col-form-label">მარკა</label>--}}
{{--                                        <div class="col-sm-9">--}}
{{--                                            <input type="text" name="mark" value="{{old('mark')}}" class="form-control" id="mark" placeholder="">--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="row mb-3">--}}
{{--                                        <label for="type" class="col-sm-3 col-form-label">ტიპი</label>--}}
{{--                                        <div class="col-sm-9">--}}
{{--                                            <input type="text" name="type" value="{{old('type')}}" class="form-control" id="type" placeholder="">--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="row mb-3">--}}
{{--                                        <label for="in" class="col-sm-3 col-form-label">შიდა/გარე</label>--}}
{{--                                        <div class="col-sm-9">--}}
{{--                                            <div class="form-check">--}}
{{--                                                <input class="form-check-input" type="radio" name="inout" value="შიდა" @if(old('inout') == 'შიდა') checked @endif id="in">--}}
{{--                                                <label class="form-check-label" for="in">შიდა</label>--}}
{{--                                            </div>--}}
{{--                                            <div class="form-check">--}}
{{--                                                <input class="form-check-input" type="radio" name="inout" value="გარე" @if(old('inout') == 'გარე') checked @endif id="out">--}}
{{--                                                <label class="form-check-label" for="out">გარე</label>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="row mb-3">--}}
{{--                                        <label for="model" class="col-sm-3 col-form-label">მოდელი</label>--}}
{{--                                        <div class="col-sm-9">--}}
{{--                                            <input type="text" name="model" value="{{old('model')}}" class="form-control" id="model" placeholder="">--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="row mb-3">--}}
{{--                                        <label for="company" class="col-sm-3 col-form-label">დამკვეთი კომპანია</label>--}}
{{--                                        <div class="col-sm-9">--}}
{{--                                            <select class="form-select" onchange="getBranchs($(this).val())" name="companyid" aria-label="Default select example">--}}
{{--                                                <option value="#" selected disabled>აირჩიეთ</option>--}}
{{--                                                @foreach($companies as $company)--}}
{{--                                                    <option value="{{$company->id}}">{{$company->name}}</option>--}}
{{--                                                @endforeach--}}
{{--                                            </select>--}}
{{--                                            <input type="hidden" name="companyid" value="{{old('companyid')}}" class="form-control" id="companyid" placeholder="">--}}
{{--                                            <input type="text" name="company" value="{{old('company')}}" class="form-control" id="company" placeholder="">--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                    <div class="row mb-3">
                                        <label for="branch" class="col-sm-3 col-form-label">ფილიალი</label>
                                        <div class="col-sm-9">
                                            <select class="single-select" id="branches" name="branch" aria-label="Default select example"></select>
{{--                                            <input type="hidden" name="branchid" value="{{old('branchid')}}" class="form-control" id="branchid">--}}
{{--                                            <input type="hidden" name="city" value="{{old('city')}}" class="form-control" id="city">--}}
{{--                                            <input type="text" name="branch" value="{{old('branch')}}" class="form-control" id="branch" placeholder="">--}}
                                        </div>
                                    </div>
{{--                                    <div class="row mb-3">--}}
{{--                                        <label for="address" class="col-sm-3 col-form-label">მისამართი</label>--}}
{{--                                        <div class="col-sm-9">--}}
{{--                                            <input type="text" name="address" value="{{old('address')}}" class="form-control" id="address" placeholder="">--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                    <div class="row mb-3">
                                        <label for="address" class="col-sm-3 col-form-label">სერვისის გამწევი კომპანია</label>
                                        <div class="col-sm-9">
                                            <input type="text" name="service_company"  value="შპს ბაუმერი" class="form-control" id="address" placeholder="">
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row mb-3">
                                        <label for="service_user"  class="col-sm-3 col-form-label">სპეციალისტები</label>
                                        <div class="col-sm-9">
                                            @foreach($specialists as $user)
                                                @if($user->hasRole('service'))
                                                    <div class="form-check form-switch">
{{--                                                    <option @if($user->id==auth()->user()->id)selected @endif value="{{$user->id}}">{{$user->name}}</option>--}}
                                                        <input class="form-check-input" 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>
                                    <hr>
                                    <div class="row mb-3">
                                        <label for="date" class="col-sm-3 col-form-label">სერვისის თარიღი</label>
                                        <div class="col-sm-9">
                                            <input class="result form-control" name="service_date" value="{{old('service_date')}}" type="text" id="date" placeholder="">
                                        </div>
                                    </div>
                                    {{--                                    <div class="row mb-3">--}}
                                    {{--                                        <label for="file" class="col-sm-3 col-form-label">ფაილი</label>--}}
                                    {{--                                        <div class="col-sm-9">--}}
                                    {{--                                            <input type="file" name="file" value="{{old('file')}}" class="form-control" id="file" placeholder="">--}}
                                    {{--                                        </div>--}}
                                    {{--                                    </div>--}}
{{--                                    <div class="row mb-3">--}}
{{--                                        <label for="comment" class="col-sm-3 col-form-label">კომენტარი</label>--}}
{{--                                        <div class="col-sm-9">--}}
{{--                                            <textarea name="comment" class="form-control" id="comment" placeholder="">{{old('comment')}}</textarea>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                    <hr>
{{--                                    <div class="row 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 class="row">
                                        <div class="col-sm-12 text-center">
                                            <button type="submit" class="btn btn-info px-5">დამატება</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('css')
    <link href="{{asset('assets/plugins/datetimepicker/css/classic.css')}}" rel="stylesheet" />
    <link href="{{asset('assets/plugins/datetimepicker/css/classic.time.css')}}" rel="stylesheet" />
    <link href="{{asset('assets/plugins/datetimepicker/css/classic.date.css')}}" rel="stylesheet" />
    <link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.min.css')}}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <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>
        function getBranchs(id){
            var html ='';
            $.ajax({
                url:'/api/getbranches',
                method:'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data:{'id':id},
                dataType:'html',
                success: function (data){
                    $('#branches').html(data);
                }
            });
        }
        // function liveSearch(id){
        //     const device_div = document.querySelector('.device_live_search');
        //     if(id.length > 0){
        //         device_div.style.display = 'block';
        //     }else{
        //         device_div.style.display = 'none';
        //         device_div.innerHTML='';
        //         $('#companyid').val('');
        //         $('#branchid').val('');
        //         $('#code').val('');
        //         $('#company').val('');
        //         $('#address').val('');
        //         $('#branch').val('');
        //         $('#city').val('');
        //         $('#mark').val('');
        //         $('#model').val('');
        //         $('#type').val('');
        //         $('#out').prop('checked',false)
        //         $('#in').prop('checked',false)
        //     }
        //     $.ajax({
        //         url:'/api/devicesearch',
        //         method:'POST',
        //         headers: {
        //             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //         },
        //         data:{'code':id},
        //         dataType:'json',
        //         success: function (data){
        //             var html ='';
        //             for (var i=0; i < data.length; i++){
        //                 html +='<p onclick="fillServiceInputs($(this).data())" data-code="'+ data[i].code.toString() +'" class="livesearchtext">კოდი: '+ data[i].code +' | მოდელი: '+ data[i].model +'</p>';
        //             }
        //             device_div.innerHTML = html;
        //         }
        //     });
        // }
        // function fillServiceInputs(val){
        //     const device_div = document.querySelector('.device_live_search');
        //     // var val = document.querySelector(data['code']);
        //     $.ajax({
        //         url:'/api/fillinput',
        //         method:'POST',
        //         headers: {
        //             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //         },
        //         data:{'code':val.code},
        //         dataType:'json',
        //         success: function (data){
        //             JSON.stringify(data)
        //             device_div.style.display = 'none';
        //             device_div.innerHTML='';
        //             $('#companyid').val(data.companyid);
        //             $('#branchid').val(data.branchid);
        //             $('#code').val(val.code);
        //             $('#company').val(data.company);
        //             $('#address').val(data.address);
        //             $('#branch').val(data.branch);
        //             $('#city').val(data.city);
        //             $('#mark').val(data.mark);
        //             $('#model').val(data.model);
        //             $('#type').val(data.type);
        //             if (data.inout === 'შიდა'){
        //                 $('#in').prop('checked',true)
        //             }
        //             if (data.inout === 'გარე'){
        //                 $('#out').prop('checked',true)
        //             }
        //         }
        //     });
        // }
    </script>
    <script src="{{asset('assets/plugins/datetimepicker/js/legacy.js')}}"></script>
    <script src="{{asset('assets/plugins/datetimepicker/js/picker.js')}}"></script>
    <script src="{{asset('assets/plugins/datetimepicker/js/picker.time.js')}}"></script>
    <script src="{{asset('assets/plugins/datetimepicker/js/picker.date.js')}}"></script>
    <script src="{{asset('assets/plugins/bootstrap-material-datetimepicker/js/moment.min.js')}}"></script>
    <script src="{{asset('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.min.js')}}"></script>
    <script src="{{asset('assets/plugins/select2/js/select2.min.js')}}"></script>
    <script>
        $('.single-select').select2({
            theme: 'bootstrap4',
            width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
            placeholder: $(this).data('placeholder'),
            allowClear: Boolean($(this).data('allow-clear')),
        });
        $('.datepicker').pickadate({
            selectMonths: true,
            selectYears: true
        }),
            $('.timepicker').pickatime()
/////////////////////////////////////////////////////////////////////////////////////////////
        $(function () {
            $('#date-time').bootstrapMaterialDatePicker({
                format: 'YYYY-MM-DD HH:mm'
            });
            $('#date').bootstrapMaterialDatePicker({
                time: false
            });
            $('#time').bootstrapMaterialDatePicker({
                date: false,
                format: 'HH:mm'
            });
        });
    </script>
@endpush