@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>EDIT ACCOUNT DETAILS</h1>

        </div>
        <div class="containernav">
            <div class="topnav">
                <div class="row">
                    <div class="col-md-4 leftmenu"><a class="backfonts"
                            href="{{url('/accountdetails')}}">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-2">
                    </div>
                    <div class="col-md-8 edit_account_details">
                        <form action="" method="post" enctype="multipart/form-data">
                            @csrf
                            <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"><input class="edit-account-input" name="name"
                                                type="text" value="{{ $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"><input class="edit-account-input"
                                                name="contact_number" type="text"
                                                value="{{ $subscriber->contact_number }}" /></div>
                                    </div>
                                </div>
                                <div class="col-md-4 profileimage" style="margin-left: -20px; text-align: center;">
                                    @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="">
                                    <input type="hidden" name="subscriber_img_name" value={{ $subscriber->featured_img }}>
                                    {{-- <input type="hidden" name="subscriber"> --}}
                                    @endif

                                    <input accept="image/x-png, image/jpeg" type="file" name="profile_img"/>
                                </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" style="margin: 0 5px 20px 5px;">
                                <div class="col-md-3 col-3-custom-width labelacc">Company</div>
                                <div class="col-md-9 detailsfeild"><input name="company" class="edit-account-input"
                                        type="text" value="{{ $subscriber->company }}" /></div>
                            </div>
                            <div class="row" style="margin: 0 5px 20px 5px;">
                                <div class="col-md-3 col-3-custom-width labelacc">Port</div>
                                <div class="col-md-9 detailsfeild">
                                    <select name="port" id="">
                                        <option value="Suva Port" @if ($subscriber->port == 'Suva Port') selected @endif>Suva Port</option>
                                        <option value="Lautoka Port" @if ($subscriber->port == 'Lautoka Port') selected @endif>Lautoka Port</option>
                                    </select>
                                </div>
                            </div>
                            <div class="editbtnaccount">
                                <input type="submit" id="editaccount" value="SAVE CHANGES"/>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-2">
                    </div>
                </div>

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



@include('layouts.footer')