@include('layouts.header')
<!-- msg popups -->
@if ($errors->any())
    <div style="display: block;" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header alert alert-danger">

                    <button type="button" class="close errorModal-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">

                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

@if (Session::has('msg'))
    <div style="display: block;" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header alert alert-success">
                    <h5 class="modal-title">Success!</h5>
                    <button type="button" class="close errorModal-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-success">
                        <p>{{ Session::get('msg') }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

@if (Session::has('errMsg'))
    <div style="display: block;" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header alert alert-danger">
                    <h5 class="modal-title">{{ Session::get('errMsg')[0] }}</h5>
                    <button type="button" class="close errorModal-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <p>{{ Session::get('errMsg')[1] }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
<!-- ------------- -->

<div class="content ">
    <section class="header bg-img3">

        @include('layouts.navigation2')



        <div class="headertitle2">
            <h1>ACCOUNT DETAILS</h1>

        </div>
        <div class="containernav">
            <div class="topnav">
                <div class="row">
                    <div class="col-md-4 leftmenu"><a class="backfonts" href="{{ url('/dashboard') }}">Back</a></div>
                    <div class="col-md-4 centermenu">
                        <!-- <a href="#news">Select Form</a>
                            <a href="#contact">My Account</a>
                            <a href="#about">History</a> -->
                    </div>
                    <div class="col-md-4"></div>
                </div>
            </div>
        </div>

    </section>
    <section class="container forms_section">
        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-8">

                        <div class="row desktop-vew-profile">
                            <div class="col-md-8">

                                <div class="row" style="margin: 0 5px 20px 5px;">
                                    <div class="col-md-4 labelacc">Name</div>
                                    <div class="col-md-8 detailsfeild">{{ $subscriber->name }}</div>
                                </div>
                                <div class="row" style="margin: 0 5px 20px 5px;">
                                    <div class="col-md-4 labelacc">Email Address</div>
                                    <div class="col-md-8 detailsfeild">{{ $subscriber->email }}</div>
                                </div>
                                <div class="row" style="margin: 0 5px 20px 5px;">
                                    <div class="col-md-4 labelacc">Contact No</div>
                                    <div class="col-md-8 detailsfeild">{{ $subscriber->contact_number }}</div>
                                </div>

                            </div>
                            <div class="col-md-4 profileimage"
                                style="margin-left: -20px; text-align: center; margin-top: 5px;">
                                @if ($subscriber->featured_img == null)
                                    <img src="./assets/images/avatar-1577909_1280.png" style="max-width: 60%;" alt="">
                                @else
                                    <img src="./uploads/subscriber/profile_images/{{ $subscriber->featured_img }}"
                                        style="max-width: 60%;" alt="">
                                    
                                @endif

                            </div>

                        </div>
                        <div class="row desktop-vew-profile">
                            <div class="col">
                                <div class="row" style="margin: 0 5px 20px 5px;">
                                    <div class="col-md-2   labelacc">Company</div>
                                    <div class="col-md-10 martop detailsfeild">{{ $subscriber->company }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="row desktop-vew-profile">
                            <div class="col">
                                <div class="row" style="margin: 0 5px 20px 5px;">
                                    <div class="col-md-2 labelacc">Port</div>
                                    <div class="col-md-10 martop detailsfeild">{{ $subscriber->port }}</div>
                                </div>
                            </div>
                        </div>
                        <!-- mobile view -->

                        <div class="row mobile-veiw-profile">
                            <div class="col-md-4 profileimage" style="text-align: center; margin-top: 5px;">
                                <img src="./assets/images/avatar-1577909_1280.png" style="max-width: 110px;" alt="">
                            </div>
                            <div class="col-md-8">
                                <div class="row" style="margin: 5px;">
                                    <div class="col-md-3 labelacc">Name</div>
                                    <div class="col-md-9 detailsfeild">{{ $subscriber->name }}</div>
                                </div>
                                <div class="row" style="margin: 5px;">
                                    <div class="col-md-3 labelacc">Email Address</div>
                                    <div class="col-md-9 detailsfeild">{{ $subscriber->email }}</div>
                                </div>
                                <div class="row" style="margin: 5px;">
                                    <div class="col-md-3 labelacc">Contact No</div>
                                    <div class="col-md-9 detailsfeild">{{ $subscriber->contact_number }}</div>
                                </div>
                            </div>

                        </div>
                        <div class="row mobile-veiw-profile">
                            <div class="col-md-8">
                                <div class="row" style="margin: 5px;">
                                    <div class="col-md-4   labelacc">Company</div>
                                    <div class="col-md-8 detailsfeild">{{ $subscriber->company }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="row mobile-veiw-profile">
                            <div class="col-md-8">
                                <div class="row" style="margin: 5px;">
                                    <div class="col-md-4 labelacc">Port</div>
                                    <div class="col-md-8 detailsfeild">{{ $subscriber->port }}</div>
                                </div>
                            </div>
                        </div>

                        <!-- ............. -->


                    </div>
                    <div class="col-md-4">
                        <div id="card">
                            <div id="card-content">
                                <div id="card-title">
                                    <p>RESET PASSWORD</p>

                                </div>
                                <form method="post" class="form">
                                    @csrf
                                    <div class="form_contral">
                                        <input id="present-password" class="form-content" type="password"
                                            name="ppassword" autocomplete="on" placeholder="Present Password"
                                            required />
                                    </div>

                                    <div class="form_contral">
                                        <input id="user-password" class="form-content" type="password" name="password"
                                            placeholder="New Password" required />
                                    </div>
                                    <div class="form_contral">
                                        <input id="user-password" class="form-content" type="password"
                                            name="password_confirmation" placeholder="Confirm New Password" required />
                                    </div>



                                    <input id="submit-btn" type="submit" name="submit" value="CHANGE PASSWORD" />

                                </form>
                            </div>
                        </div>
                        <div class="editbtnaccount">
                            <a href="{{ url('/edit-account-details') }}" id="editaccount">Edit Account Details</a>
                        </div>

                    </div>
                </div>

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



@include('layouts.footer')