@extends('site.master')
@section('title','My Profile')
@section('content')
    <!-- Page Banner Section Start -->
    @include('site.layouts.breadcrumb')
    <style>
        .sidebar-category li.active {
            border-left: 5px solid #ff5252;
        }
    </style>
    <!-- Cart Page Start -->
    <div class="page-section section mt-20 mb-10">
        <div class="container-fluid">
            <div class="row">

                <div class="shop-sidebar-wrap col-xl-3 col-lg-4 col-12 order-lg-1 mb-15">
                    <div class="shop-sidebar mb-30">
                        <h4 class="title">MENU</h4>
                        <ul class="sidebar-category">
                            <li class="active"><a href="{{ route('site.myAccount') }}">My Account</a></li>
{{--                            <li class="active"><a href="{{ route('site.myOrder') }}">My Orders</a></li>--}}
                            <li class="active"><a href="{{ route('site.myWishlist') }}">My Wishlist</a></li>
                            <li class="active"><a href="{{ route('site.myProfile') }}">My Profile</a></li>
                            <li class="active"><a href="{{ route('site.logout') }}">Logout</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-xl-9 col-lg-8 col-12 order-lg-2 mb-50">
                    <form method="POST" action="{{ route('site.profile.update', Auth::guard('customers')->user()->id) }}" enctype="multipart/form-data">


                    {{ csrf_field() }}
                    <!-- Register Section Start -->
                        <div class="register-section section mt-10 mb-20">
                            <div class="container">
                                <div class="row">

                                    <!-- Register -->
                                    <div class="col-md-6 col-12 d-flex">
                                        <div class="ee-register">
                                        <!-- Register Form -->
                                            <div class="ee-register-form">
                                                <div class="row">
                                                    <div class="col-12 mb-5">
                                                        <label>Full Name*</label>
                                                        <input type="text" name="name" placeholder="Your name here" value="{{ Auth::guard('customers')->user()->name }}">
                                                        @if($errors->has('name'))
                                                            <div class="validation_error">{{ $errors->first('name') }}</div>
                                                        @endif
                                                    </div>
                                                    <div class="col-12 mb-5">
                                                        <label>Phone no*(Readonly)</label>
                                                        <input type="text" name="mobile" placeholder="Your mobile number here" value="{{ Auth::guard('customers')->user()->mobile }}" readonly>
                                                        @if($errors->has('mobile'))
                                                            <div class="validation_error">{{ $errors->first('mobile') }}</div>
                                                        @endif
                                                    </div>

                                                    <div class="col-12 mb-5">
                                                        <label>Email*</label>
                                                        <input type="email" name="email" placeholder="Your email here" value="{{ (Auth::guard('customers')->user()->email) ? Auth::guard('customers')->user()->email : old('email') }}">
                                                        @if($errors->has('email'))
                                                            <div class="validation_error">{{ $errors->first('email') }}</div>
                                                        @endif
                                                    </div>

                                                    <div class="col-12 mb-5">
                                                        <label>Full Address*</label>
                                                        <input type="text" placeholder="Full Address (House,Road,Thana,District)"
                                                               name="full_address" value="{{ (Auth::guard('customers')->user()->address) ? Auth::guard('customers')->user()->address : old('full_address') }}">
                                                        @if($errors->has('full_address'))
                                                            <div class="validation_error">{{ $errors->first('full_address') }}</div>
                                                        @endif
                                                    </div>

                                                    <div class="col-12 mb-5">
                                                        <label>Date of Birth*</label>
                                                        <input type="date" name="date_of_birth" placeholder="Date Of Birthday" value="{{ Auth::guard('customers')->user()->date_of_birth }}">
                                                        @if($errors->has('date_of_birth'))
                                                            <div class="validation_error">{{ $errors->first('date_of_birth') }}</div>
                                                        @endif
                                                    </div>

                                                    <div class="col-12 mb-5">
                                                        <label>Occupation*</label>
                                                        <input type="text" name="occupation" placeholder="Occupation" value="{{ Auth::guard('customers')->user()->occupation }}">
                                                        @if($errors->has('occupation'))
                                                            <div class="validation_error">{{ $errors->first('occupation') }}</div>
                                                        @endif
                                                    </div>

                                                    <div class="col-12"><input type="submit" value="Update "></div>
                                                </div>

                                            </div>

                                        </div>
                                    </div>

                                    <div class="col-md-1 col-12 d-flex">
                                        <div class="login-reg-vertical-boder"></div>
                                    </div>

                                    <!-- Account Image -->
                                    <div class="col-md-5 col-12 d-flex">
                                        <div class="ee-account-image">

                                            <div class="customer_pic">
                                                @if(file_exists( public_path().'/uploads/customer/'.Auth::guard('customers')->user()->image ) && !empty(Auth::guard('customers')->user()->image))
                                                    <img
                                                        src="{{ asset('uploads/customer/'.Auth::guard('customers')->user()->image) }}"
                                                        width="100px"
                                                        alt="Product Image">
                                                @else
                                                    <img src="{{ asset('site_assets/images/user-placeholder.png') }}" alt="user"
                                                         width="100px">
                                                @endif
                                            </div>

                                            <h3>Update your Image(Optional)</h3>
                                            <img src="{{ asset('site_assets/images/account-image-placeholder.jpg') }}"
                                                 alt="Account Image Placeholder" class="image-placeholder" id="previewHolder"
                                                 style="max-height: 250px">
                                            <div class="account-image-upload">
                                                <input type="file" name="chooseFile" id="account-image-upload">
                                                <label class="account-image-label" for="account-image-upload">Choose your image</label>
                                            </div>

                                            <p>jpEG 250x250</p>

                                        </div>

                                    </div>

                                </div>
                            </div>
                        </div>
                    </form>
                </div>


            </div>
        </div>
    </div>
    <!-- Cart Page End -->

@stop

@section('page_scripts')
    <script>

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    $('#previewHolder').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            } else {
                alert('select a file to see preview');
                $('#previewHolder').attr('src', '');
            }
        }

        $("#account-image-upload").change(function () {
            readURL(this);
        });
    </script>
@endsection