@extends('frontend.layouts.master')
@section('content')


        <!-- page-title -->
        <div class="cmt-page-title-row" style="background: url({{ asset("$breadcrumb->name") }});">
            <div class="cmt-page-title-row-inner">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">{{ $page_name }}</h2>
                                {{-- <p>{{ $page_title }}</p> --}}
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <a title="Homepage" href="{{ url('/') }}">Home</a>
                                </span>
                                <span>{{ $page_name }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- page-title end -->


    <!--site-main start-->
    <div class="site-main">

        <section class="cmt-row cmt-team-single-contents clearfix">
            <div class="container">
               <div class="row">
                    <div class="col-lg-4 col-md-5">
                        <div class="left-content pr-20 res-991-pr-0 res-991-pb-40">
                            @if (!empty($member->image))
                            <img class="img-fluid w-100" src="{{ asset("$member->image") }}" alt="{!! $member->first_name !!} {!! $member->last_name !!}" />
                            @else

                            @endif
                            <div class="content-info pt-25 pl-25 pr-25 pb-25 box-shadow">
                                <div class="content-header mb-20">
                                    <h4 class="mb-0">{!! $member->first_name !!} {!! $member->last_name !!}</h4>
                                    <i>{!! $member->designation !!}</i>
                                </div>
                                <aside class="widget widget-nav-menu">
                                    <ul class="widget-menu p-0">
                                        <li class="active"><a href="{{ url("members-dashboard") }}">Member Profile</a></li>
                                        <li><a href="{{ url("list-applicants") }}">Applicants List</a></li>
                                        <li><a href="{{ url("member-application") }}">Application List</a></li>
                                        <li><a href="{{ url("member-payments") }}">Payment Info</a></li>
                                        <li><a href="{{ url("member-pending-submissions") }}">Pending Submissions</a></li>
                                    </ul>
                                </aside>
                                <div class="cmt-horizontal_sep width-100 mt-25 mb-25"> </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-7">

                            <div class="">
                                {!! Form::open(array('update-members' => 'form', 'url' => 'update-members', 'files' => true, 'method' => 'POST' )) !!}
                                @csrf
                                <h4>Personal Information</h4>
                                <div class="row">
                                  <div class="col-md-12">
                                    <div class="pt-5">
                                        <div class="row mb-10">
                                            <div class="col-4"><b>First Name</b></div>
                                            <div class="col-8"><input id="first_name" value="{!! $member->first_name !!}" class="form-control name" required name="first_name" placeholder="{!! $member->first_name !!}" type="text"></div>
                                        </div>
                                        <div class="row mb-10">
                                            <div class="col-4"><b>Last Name</b></div>
                                            <div class="col-8"><input id="last_name" value="{!! $member->last_name !!}" class="form-control name" required name="last_name" placeholder="{!! $member->last_name !!}" type="text"></div>
                                        </div>
                                        <div class="row mb-10">
                                            <div class="col-4"><b>Designation</b></div>
                                            <div class="col-8"><input id="designation" value="{!! $member->designation !!}" class="form-control name"  name="designation" placeholder="{!! $member->designation !!}" type="text"></div>
                                        </div>
                                        <div class="row mb-10">
                                            <div class="col-4"><b>Phone</b></div>
                                            <div class="col-8"><input id="phone" value="{!! $member->phone !!}" class="form-control name" required name="phone" placeholder="{!! $member->phone !!}" type="text"></div>
                                        </div>
                                        <div class="row mb-10">
                                            <div class="col-4"><b>Email</b></div>
                                            <div class="col-8"><input id="email" value="{!! $member->email !!}" class="form-control name" required name="email" placeholder="{!! $member->email !!}" type="text"></div>
                                        </div>
                                        <div class="row mb-10">
                                            <div class="col-4"><b>Websites</b></div>
                                            <div class="col-8"><input id="website" value="{!! $member->website !!}" class="form-control name"  name="website" placeholder="{!! $member->website !!}" type="text"></div>
                                        </div>
                                        <div class="row mb-10">
                                            <div class="col-4"><b>Fax</b></div>
                                            <div class="col-8"><input id="fax" value="{!! $member->fax !!}" class="form-control name"  name="fax" placeholder="{!! $member->fax !!}" type="text"></div>
                                        </div>
                                    </div>

                                    <div class="pt-5">
                                        <div class="row mb-10">
                                            <div class="col-4"><b>Image</b></div>
                                                <div class="col-8">
                                                    @if(isset($member))
                                                        @if($member->image!=null)
                                                            <img style="padding:10px;max-height: 120px;max-width:120px;" id="preview" src="{{asset($member->image)}}">
                                                        @else
                                                            <img style="padding:10px;max-height: 120px;max-width:120px; display: none" id="preview" src="" alt="">
                                                        @endif
                                                    @else
                                                        <img style="padding:10px;max-height: 120px;max-width:120px; display: none" id="preview" src="" alt="">
                                                    @endif
                                                    <div class="upload-box">
                                                        <label class="btn" style="background: gainsboro;width: 50%;">
                                                            <input name="image" id="imgupload" style="display:none" type="file">
                                                            <i class="fa fa-cloud-upload"></i> Upload Image
                                                            <i class="fa fa-cog fa-spin  fa-fw margin-bottom" id="loaderIcon"
                                                               style="color:green;margin-top:10px;display: none"></i>
                                                        </label>
                                                    </div>
                                                    Note :[Image Ratio 15:16]
                                                </div>
                                        </div>
                                    </div>

                                    <div class="pt-15">
                                        <b>Qualification Title</b>
                                        <div class="input textarea">
                                            <textarea name="q_t" rows="5" class="form-control" cols="" id="" >{{ $member->qualification_title }}</textarea>
                                        </div>
                                    </div>
                                    <div class="">

                                    <hr>
                                    <b>Qualifications</b>
                                    <br>
                                    @if(isset($target))
                                    @if($target['member_qualification'])
                                    @foreach($target['member_qualification'] as $member_qualification)
                                        <div class="nna">
                                            <a  class="btn btn-danger remScnt"> <i class="fa fa-trash"></i></a>
                                            <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="title">Name :<span class="text-danger">*</span></label>
                                                <div class="col-md-6">
                                                    {!! Form::text('member_qualification_name[]', $member_qualification->name , array('id'=> 'name', 'class' => 'form-control')) !!}
                                                    <span class="form-error text-danger">{!! $errors->first('name') !!}</span>
                                                </div>
                                            </div>

                                        <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="title">Order No:<span class="text-danger">*</span></label>
                                                <div class="col-md-6">
                                                    {!! Form::text('member_qualification_order_no[]', $member_qualification->order_no , array('id'=> 'order_no', 'class' => 'form-control')) !!}
                                                    <span class="form-error text-danger">{!! $errors->first('order_no') !!}</span>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                    @endif
                                    @else

                                    @endif


                                    <div id="p_scents" style="margin:0px;">

                                    </div>

                                    <h2><a href="#" id="addScnt" class="btn btn-info" ><i class="fa fa-plus"></i> Add Qualification </a></h2>


                                    </div>




                                    <div class="">

                                        <hr>
                                        <b>Socials</b>
                                        <br>
                                        @if(isset($target2))
                                        @if($target2['member_social'])
                                        @foreach($target2['member_social'] as $member_social)
                                            <div class="nna2">
                                                <a  class="btn btn-danger remScnt"> <i class="fa fa-trash"></i></a>
                                                <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="title">Name :<span class="text-danger">*</span></label>
                                                    <div class="col-md-6">
                                                        {!! Form::text('member_social_name[]', $member_social->name , array('id'=> 'name', 'class' => 'form-control')) !!}
                                                        <span class="form-error text-danger">{!! $errors->first('name') !!}</span>
                                                    </div>
                                                </div>

                                            <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="title">Address:<span class="text-danger">*</span></label>
                                                    <div class="col-md-6">
                                                        {!! Form::text('member_social_address[]', $member_social->address , array('id'=> 'address', 'class' => 'form-control')) !!}
                                                        <span class="form-error text-danger">{!! $errors->first('address') !!}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        @endif
                                        @else

                                        @endif


                                        <div id="p_scents2" style="margin:0px;">

                                        </div>

                                        <h2><a href="#" id="addScnt2" class="btn btn-info" ><i class="fa fa-plus"></i> Add Social </a></h2>


                                        </div>
                                  </div>
                                </div>
                                <br>
                                <hr>
                                <br>
                                <button class="submit cmt-btn cmt-btn-size-lg cmt-btn-shape-round cmt-btn-style-fill cmt-icon-btn-right cmt-btn-color-dark w-100" type="submit">Update Profile !</button>
                                {!! Form::close() !!}
                            </div>

                        </div>
                    </div>
                </div>
        </section>
    </div>


<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
<script>

    $(function() {

        var scntDiv = $('#p_scents');

        var i = $('#p_scents p').size() + 1;


        $('#addScnt').on('click', function () {
            $('<div class="nna">' +

                '<a  class="btn btn-danger remScnt"> <i class="fa fa-trash"></i></a>' +

                '    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="member_qualification_name">Name :<span class="text-danger">*</span></label>\n' +
                '        <div class="col-md-6">\n' +
                '            {!! Form::text('member_qualification_name[]', null, array('id'=> 'member_qualification_name', 'class' => 'form-control')) !!}\n' +
                '            <span class="form-error text-danger">{!! $errors->first('member_qualification_name') !!}</span>\n' +
                '        </div>\n' +
                '    </div>\n' +

                '    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="member_qualification_order_no">Order No :<span class="text-danger">*</span></label>\n' +
                '        <div class="col-md-6">\n' +
                '            {!! Form::text('member_qualification_order_no[]', null, array('id'=> 'member_qualification_order_no', 'class' => 'form-control')) !!}\n' +
                '            <span class="form-error text-danger">{!! $errors->first('member_qualification_order_no') !!}</span>\n' +
                '        </div>\n' +
                '    </div>\n' +
                '\n' +
                '\n</div>').appendTo(scntDiv);
            i++;
            return false;
        });

        $(document).on('click', '.remScnt', function () {
            $(this).closest('.nna').remove();
        });
    });
</script>

<script>

    $(function() {

        var scntDiv2 = $('#p_scents2');

        var i = $('#p_scents2 p').size() + 1;


        $('#addScnt2').on('click', function () {
            $('<div class="nna2">' +

                '<a  class="btn btn-danger remScnt2"> <i class="fa fa-trash"></i></a>' +

                '    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="member_social_name">Name :<span class="text-danger">*</span></label>\n' +
                '        <div class="col-md-6">\n' +
                '            {!! Form::text('member_social_name[]', null, array('id'=> 'member_social_name', 'class' => 'form-control')) !!}\n' +
                '            <span class="form-error text-danger">{!! $errors->first('member_social_name') !!}</span>\n' +
                '        </div>\n' +
                '    </div>\n' +

                '    <div class="form-group"><label class="control-label col-xs-12 col-sm-3 no-padding-right" for="member_qualification_order">Address :<span class="text-danger">*</span></label>\n' +
                '        <div class="col-md-6">\n' +
                '            {!! Form::text('member_social_address[]', null, array('id'=> 'member_social_address', 'class' => 'form-control')) !!}\n' +
                '            <span class="form-error text-danger">{!! $errors->first('member_social_address') !!}</span>\n' +
                '        </div>\n' +
                '    </div>\n' +
                '\n' +
                '\n</div>').appendTo(scntDiv2);
            i++;
            return false;
        });

        $(document).on('click', '.remScnt2', function () {
            $(this).closest('.nna2').remove();
        });
    });
</script>

@endsection
@section('js')
    <script src="{!! asset('public/js/tinymce/tinymce.min.js') !!}"></script>
    <script>
        tinymce.init({
            selector: 'textarea.fullEditor',
            height: 150,
            theme: 'modern',
            plugins: [
                "link image code fullscreen imageupload",
                'advlist autolink lists link image charmap print preview hr anchor pagebreak',
                'searchreplace wordcount visualblocks visualchars code fullscreen',
                'insertdatetime media nonbreaking save table contextmenu directionality',
                'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc'
            ],
            toolbar1: "undo redo | bold italic | bullist numlist outdent indent | link image | imageupload | code | fullscreen |alignleft aligncenter alignright alignjustify | styleselect | insert",
            toolbar2: 'print preview media | forecolor backcolor emoticons | codesample',
            relative_urls: false
        });

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    $('#preview').fadeIn(1000);
                    $('#preview').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }

        $("#imgupload").change(function(){
            readURL(this);
        });

    </script>

@endsection