@extends('layouts.master')
@section('contain')
     {{-- title --}}
     <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            @if (isset($profile))
            <h4 class="card-title">Update Profile</h4>
        @else
            <h4 class="card-title">Add Content</h4>
        @endif
        </div>
        <div class="col-md-7 align-self-center text-right">
            <div class="d-flex justify-content-end align-items-center">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item active"><a class="text-cyan" href="{{ url('/') }}">Home</a></li>
                    <li class="breadcrumb-item active">
                        {{-- <a href="{{ Route('content.list') }}" class="text-cyan">Content</a> --}}
                    </li>
                </ol>
            </div>
        </div>
    </div>
    {{-- end title --}}
    <div class="row">
        <div class="h-100 d-inline-block">
            <div class="card card-body ">
                <div class="row">
                    <div class="col-sm-6 col-xs-6">
                        @if (isset($profile))
                            <form method="POST" action="{{ Route('userProfile.Update') }}" enctype="multipart/form-data"  data-parsley-validate enctype="multipart/form-data">
                                @csrf
                                @method('PUT')
                         @else
                                <form method="POST" action="{{ Route('content.add') }}" enctype="multipart/form-data">
                                @csrf
                        @endif

                        {{-- <div class="form-group">
                            <label for="profile_image"  class="font-bold">Profile Image</label>
                            <input type="file" accept="image/*" name="profile_image"
                                class="form-control @error('profile_image') is-invalid @enderror" id="exampleInputEmail111">
                            @error('profile_image')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                            <td><a href="{{ URL::asset(auth()->user()->profile_image != null ? env('MEDIA_URL') . auth()->user()->profile_image : null) }}"
                                target="_blank">
                                <img src="{{ auth()->user()->profile_image != null ? env('MEDIA_URL') . auth()->user()->profile_image : null }}"alt="Not Available"
                                    width="50px" class="img-circle">
                            </a></td>
                        </div> --}}
                        <div class="form-group">
                            <label for="full_name"  class="font-bold">Full Name</label>
                          {{-- {{ $content->full_name ?? '' }} --}}
                            <input type="text" name="full_name"
                                class="form-control @error('full_name') is-invalid @enderror" id="exampleInputEmail111"
                                placeholder="Enter Full Name" value="{{auth()->user()->first_name}}" required data-parsley-error-message="full name is required.">
                            @error('full_name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="email"  class="font-bold">Email</label>
                            {{-- {{ $content->email ?? '' }} --}}
                            <input readonly type="text" name="email"
                                class="form-control @error('email') is-invalid @enderror" id="exampleInputEmail111"
                                placeholder="Enter Email" value="{{auth()->user()->email}}">
                            @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        @if (isset($profile))
                            <button type="submit" class="btn btn-info me-2 text-white">Update</button>
                        @else
                            <button type="submit" class="btn btn-success me-2 text-white">Submit</button>
                        @endif
                        {{-- <button type="submit" class="btn btn-dark">Cancel</button> --}}
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        function myFunction() {
        var x = document.getElementById("myInput");
        if (x.type === "password") {
            x.type = "text";
        } else {
            x.type = "password";
        }
        }
        $(document).ready(function() {
            var selected = $('#choice').val();
            if(selected == "page" || selected == "web" ){
                $('#other').css({ "display": "none" });
            }else{
                $('#other').css({ "display": "block" });
            }

            $('#choice').change(function(){
                var selected_item = $(this).val()
                if(selected_item == "page" || selected_item == "web" ){
                    // $('#other').val("").hideClass('hidden');
                    $('#other').css({ "display": "none" });
                }else{
                    $('#other').css({ "display": "block" });
                    // $('#other').val(selected_item).addClass('hidden');
                }
            });
        });

    </script>
@endsection