@extends('front.index')

@section('meta_title'){{$user->name}}  @endsection
@section('meta_des'){{$user->name}}   @endsection
@section('meta_key'){{$user->name}}   @endsection

@section('content')
    <div class="main-content">
        <main class="bg_gray">
            <section class="main-profile-edit">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="options-area">

                                @include('front.profile.nav-profile')
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="inputs-area">
                                <form action="{{route('front.profile.update')}}" method="post" accept-charset="UTF-8" enctype="multipart/form-data">
                                    {!! csrf_field() !!}
                                    <div class="form-group">
                                        <div class="input-type">
                                            <label>{{trans('front.name')}}<em>*</em></label>
                                            <input class="form-control" type="text" value="{{$user->name}}"  name="name" required placeholder="{{trans('front.name')}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="input-type">
                                            <label>{{trans('front.email')}}<em>*</em></label>
                                            <input class="form-control" type="email" name="email" readonly value="{{$user->email}}"  required placeholder="{{trans('front.email')}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="input-type">
                                            <label>{{trans('front.mobile')}}<em>*</em></label>
                                            <input class="form-control" type="text" name="mobile" value="{{$user->mobile}}"   required placeholder="{{trans('front.mobile')}}">
                                        </div>
                                    </div>
{{--                                    <div class="form-group">--}}
{{--                                        <div class="input-type">--}}
{{--                                            <label>{{trans('front.address')}}<em>*</em></label>--}}
{{--                                            <input class="form-control" type="text" name="address"  value="{{$user->address}}"  required placeholder="{{trans('front.address')}}">--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                    <div class="form-group">
                                        <div class="input-type">
                                            <div class="image-aploaded">
                                                <img id="blah" src="{{url('uploads/clients/'.$user->image)}}" alt="{{trans('front.image')}}">

                                            </div>
                                            <label for="">{{trans('front.image')}}</label>
                                            <input class="form-control" onchange="readURL(this);" type="file" name="image" placeholder="{{trans('front.image')}}">
                                        </div>
                                    </div>
                                                                       

                                    <div class="form-group">
                                        <div class="save-button">
                                            <button class="btn save-btn hvr-sweep-to-top" type="submit">{{trans('front.save')}}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <!-- /main-->
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
        $(function () {
            var zxc = 1;
            $("#AddPdf").click(function () {

                $("#InsertPdf").append(
                    // Add new row
                    '<tr id="remove'+zxc+' ">' +
                    '<td>' +
                    '<textarea name="mainaddress['+zxc+'][address]" required placeholder="{{trans('front.address')}}" class="form-control">' +
                    '</textarea><br>'+
                    '</td>' +
                    '   <td>' +
                    '                            <label>{{trans('front.type')}}</label><br>' +
                    '                            <select name="mainaddress['+zxc+'][status]"  class="form-control address_type" dir="rtl" >' +
                    '                                <option value="2">عنوان اساسي</option>' +
                    '                                <option value="1" selected>عنوان فرعي</option>' +
                    '' +
                    '                            </select>' +
                    '' +
                    '                        </td>'+


                    '<td>'+
                    '<input type="button" id="remove" class="btn btn-danger " value="X" />' +
                    '</td>'+

                    '</tr>'+
                    ''
                );
                $('.select2').select2();
                zxc++;
            });

            //remove selected Row
            $("#InsertPdf").on("click", "#remove", function () {
                $(this).closest("tr").remove();

            });

        });


        $(document).on('change','.address_type',function() {

            var selected = $(this).find('option:selected');
            if(this.value == 1){

                $('.address_type  option[value="0"]').prop("selected", true);
                $(selected).prop("selected", true);
            }else{

                $(this).prop("selected", true);

            }
        });
    </script>
@endsection