@extends("layouts.admin.app")
@section("page-title")
    Dashboard
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> {{__("Edit Users")}}</h1>
            <p>{{__("Edit User Information")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
{{--            <li class="breadcrumb-item"><a href="{{route("admin.main_category.index")}}">{{__("Main Categories")}}</a></li>--}}
{{--            <li class="breadcrumb-item"><a href="#">{{$category->mainCategory->name}}</a></li>--}}
{{--            <li class="breadcrumb-item"><a href="{{route("admin.sub_category.index", ["main_id" => $category->mainCategory->id])}}">{{__("Sub Categories")}}</a></li>--}}
            <li class="breadcrumb-item"><a href="#">{{__("Edit")}}</a></li>
{{--            <li class="breadcrumb-item"><a href="#">{{$category->name}}</a></li>--}}
        </ul>
    </div>
@endsection

@section("css-links")
    <link rel="stylesheet" href="{{asset("assets/css/utils/week_days.css")}}">
@endsection

@section("content")

    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__("Edit User ( ".$user->full_name . " )") }}</h3>
                <div class="tile-body">
                    <form method="post" action="{{route("admin.VectorClient.update",["vector_id" => $main_Client->id ,$user->id,"position"=>isset($position) ?$position :"position_user"]  )}}" enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client Full  Name")}}</label>
                                    <input class="form-control @if($errors->has('full_name')) is-invalid @endif" type="text" name="full_name" placeholder="{{__("Enter Name")}}" value="{{$user->full_name}}" >
                                </div>
                                @error("full_name")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client Email ")}}</label>
                                    <input class="form-control @if($errors->has('email')) is-invalid @endif" type="text" name="email" placeholder="{{__("Enter Email")}}" value="{{inputValue("email",$user)}}" >
                                </div>
                                @error("email")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client Phone Number")}}</label>
                                    <input class="form-control @if($errors->has('phone_number')) is-invalid @endif" type="text" name="phone_number" placeholder="{{__("Enter Phone Number")}}" value="{{ inputValue("phone_number", $user)}}" >
                                </div>
                                @error("phone_number")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client Country")}}</label>
                                    <input class="form-control @if($errors->has('country')) is-invalid @endif" type="text" name="country"  readonly value="{{"United Arab Emirates"}}"required>
                                </div>
                                @error("country")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Client City")}}</label>
                                    <select class="form-control @if($errors->has('city')) is-invalid @endif" name="city" required>
                                        <option selected >{{__($user->city)}}</option>
                                        {{--                                        <option selected disabled >{{__("selected City")}}</option>--}}
                                        @foreach($states as $key=> $name)
                                            <option value="{{$name['name']}}">{{$name['name']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @error("city")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
{{--                            <input class="form-control" type="hidden" name="type"  value="{{$main_Client->type}}" >--}}
{{--                            <input class="form-control" type="hidden" name="vector_id"  value="{{$main_Client->id}}">--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Provided Section Name English")}}</label>--}}
{{--                                    <input class="form-control @if($errors->has('provided_section_en')) is-invalid @endif" type="text" name="provided_section_en" placeholder="{{__("Provided Section English")}}" value="{{inputValue("provided_section_en")}}" required>--}}
{{--                                </div>--}}
{{--                                @error("provided_section_en")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="row">--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Provided Section Name Arabic")}}</label>--}}
{{--                                    <input class="form-control @if($errors->has('provided_section_ar')) is-invalid @endif" type="text" name="provided_section_ar" placeholder="{{__("Enter Provided Section Arabic")}}" value="{{inputValue("provided_section_ar")}}" required>--}}
{{--                                </div>--}}
{{--                                @error("provided_section_ar")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Provided Section Phone Number")}}</label>--}}
{{--                                    <input class="form-control @if($errors->has('section_phone_number')) is-invalid @endif" type="text" name="section_phone_number" placeholder="{{__("Enter Section Phone Number")}}" value="{{inputValue("section_phone_number")}}" required>--}}
{{--                                </div>--}}
{{--                                @error("section_phone_number")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="row">--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Provided Section City")}}</label>--}}
{{--                                    <select class="form-control @if($errors->has('section_city')) is-invalid @endif" name="section_city" required>--}}
{{--                                        --}}{{--                                        <option selected disabled >{{__("selected City")}}</option>--}}
{{--                                        @foreach($states as $key=> $name)--}}
{{--                                            <option value="{{$name['name']}}">{{$name['name']}}</option>--}}
{{--                                        @endforeach--}}
{{--                                    </select>--}}
{{--                                </div>--}}
{{--                                @error("section_city")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("Map")}}</label> <br>--}}
{{--                                    <!-- Button trigger modal -->--}}
{{--                                    <button type="button" class="btn btn-primary @if($errors->has('lng')) is-invalid @endif" data-toggle="modal" data-target="#exampleModalCenter">--}}
{{--                                        <span class="icon color-light"><i class="fas fa-map-marker-alt"></i></span>{{__("Map")}}--}}

{{--                                    </button>--}}
{{--                                    <spna class="btn btn-success" id="mapStatus" style="display: none">ok</spna>--}}
{{--                                    <!-- Modal -->--}}
{{--                                    <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">--}}
{{--                                        <div class="modal-dialog modal-dialog-centered" role="document">--}}
{{--                                            <div class="modal-content">--}}
{{--                                                <div class="modal-header">--}}
{{--                                                    <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>--}}
{{--                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">--}}
{{--                                                        <span aria-hidden="true">&times;</span>--}}
{{--                                                    </button>--}}
{{--                                                </div>--}}
{{--                                                <div class="modal-body">--}}
{{--                                                    <div class="row parent-box">--}}
{{--                                                        <div class="col-lg-12 m-auto map-box">--}}
{{--                                                            <div class="tile-body" id="parent-box">--}}
{{--                                                                <!--- Map Section --->--}}
{{--                                                                <div id="map-box" style="@if(Session::has("location_details")) display:none @endif">--}}
{{--                                                                    <div id="map"></div>--}}

{{--                                                                </div>--}}
{{--                                                                <!--- Info Section --->--}}
{{--                                                                <div id="info-box" style="@if(Session::has("location_details")) display:block @endif">--}}
{{--                                                                    <input type="text" name="lat" id="lat" value="{{inputValue("latitude")}}">--}}
{{--                                                                    <input type="text" name="lng" id="lng" value="{{inputValue("longitude")}}">--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                @error("lng")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="row">--}}
{{--                            <div class="col-lg-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label class="control-label">{{__("IBAN")}}</label>--}}
{{--                                    <input class="form-control @if($errors->has('iban')) is-invalid @endif" type="text" name="iban" placeholder="{{__("Enter IBAN")}}" value="{{inputValue("iban")}}" required>--}}
{{--                                </div>--}}
{{--                                @error("iban")--}}
{{--                                <div class="input-error">{{$message}}</div>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="col-lg-6">--}}
{{--                            </div>--}}
{{--                        </div>--}}
                        <div class="tile-footer">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Edit")}}</button>
                        </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@section("scripts")

{{--    <script src="{{asset("assets/js/utils/week_days.js")}}"></script>--}}
{{--    <script src="{{asset("assets/js/pages/create_sub_category.js")}}"></script>--}}

    <script src="{{asset("assets/js/maps.js")}}"></script>
    <script type="text/javascript">
        if(document.location.hostname == 'pratikborsadiya.in') {
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }
    </script>
    <script
        src="https://maps.googleapis.com/maps/api/js?key={{env("GOOGLE_API_KEY")}}&callback=initMap&libraries=&v=weekly"
        async
    ></script>

    <script type="module" src="{{asset("assets/js/pages/locations_support.js")}}"></script>
    <script type="text/javascript">


        /**********RowService************/

        $(document).ready( function () {
            console.log($("#RowService").length == 1);
            if($("#RowTemplate").length == 1){
                $(".removeService").hide();
            }else {
                $(".removeService").show();
            }
            $(document).ready(function () {
                $(document).on("click", ".addService", function () {
                    console.log($("#RowTemplate").length);

                    let htmlElement = $("script#RowTemplate").html();
                    $("#RowService").append($(htmlElement));
                    $(".removeService").show();
                });
            });
        });

        $(document).ready(function () {
            $(document).on("click", ".removeService", function () {
                // console.log($("#RowTemplate").children().length);
                let htmlElement = $("script#RowTemplate").html();
                $("#RowService").children().last().remove();
                console.log($("#RowTemplate").children().length);

                // if($("#RowTemplate").length == 1){
                //     $(".removeService").hide();
                // }
            });
        });
    </script>
@endsection