@extends('Frontend_1.layouts.app')
@section('content')
@include('Frontend_1.layouts.header')

<section class="blog-section bg-grey circle shape bd-bottom padding ">
    <div class="container">
        <div class="section-heading text-center mb-40">
            <h2>User Profile</h2>
            <span class="heading-border"></span>
            {{-- <p>Help today because tomorrow you may be the one who <br> needs more helping!</p> --}}
        </div><!-- /Section Heading -->
        <div class="row">
             <div class="col-lg-6 mx-auto">
                <div class="card">
                    <div class="card-header">
                 
                        <h3>User Profile</h3>
                        @if ($errors->any())
     @foreach ($errors->all() as $error)
         <div class="text-danger">{{$error}}</div>
     @endforeach
 @endif

                    </div>
                    <div class="card-body">
                        <form action="{{route('user_profile.edit')}}" method="POST">
                            @csrf
                        
                        <div class="mb-3">
                            <label for="" class="form-label">User Name</label>
                            <input type="text" name="user_name" class="form-control" value="{{Auth::user()->name}}">
                        </div>
                        <div class="mb-3">
                            <label for="" class="form-lable">Email</label>
                            <input type="email" name="email" class="form-control" value="{{Auth::user()->email}}">
                        </div>
                        <div class="mb-3">
                            <label for="" class="form-label">Password</label>
                            <input type="password" name="password" id="" value="{{Auth::user()->password}}" class="form-control">

                        </div>
                        <div class="mb-3">
                            <button class="btn btn-success w-100">Edit Profile</button>
                        </div>
                    </form>
                    </div>
                </div>
             </div>
        </div>
    </div>
</section>




<section class="widget-section padding" style="background:#04582d;">
    <div class="container">
        <div class="widget-wrap row">
            <div class="col-md-4 xs-padding">
                <div class="widget-content">
                    <img src="https://html.dynamiclayers.net/dl/charitify/img/logo-light.png" alt="logo">
                    <p class="text-light">This Section is under construction</p>
                    <!-- <ul class="social-icon">
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                                        <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                    </ul> -->
                </div>
            </div>
            <div class="col-md-4 xs-padding">
                <div class="widget-content">
                    <h3>Recent Campaigns</h3>
                    <ul class="widget-link">
                        {{-- <li><a href="#">First charity activity of this summer. <span>-1 Year Ago</span></a></li>
                        <li><a href="#">Big charity: build school for poor children. <span>-2 Year Ago</span></a>
                        </li>
                        <li><a href="#">Clean-water system for rural poor. <span>-2 Year Ago</span></a></li>
                        <li><a href="#">Nepal earthqueak donation campaigns. <span>-3 Year Ago</span></a></li> --}}
                        <p class="text-light">This section is under construction</p>
                    </ul>
                </div>
            </div>
            <div class="col-md-4 xs-padding">
                <div class="widget-content">
                    <h3>NGO Location</h3>
                    <ul class="address">
                        {{-- <li> Info@YourDomain.com</li>
                        <li> +(333) 052 39876</li>
                        <li> Www.YourWebsite.com</li>
                        <li> 60 Grand Avenue. Central New Road 0708, USA</li> --}}
                        <p class="text-light">This section is under construction</p>

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

@endsection