@extends('userDashboard.layouts.main')

@section('content')
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">

                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <form method="POST" action="{{ route('user.details.update') }}" id="web-form"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="exampleInputEmail1">User Name</label>
                                <input type="text" value="{{ $user->username }}" name="username" class="form-control"
                                    placeholder="Enter user name">
                                    @error('username')
                                        <span class="text-danger">{{$message}}</span>
                                    @enderror
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Email</label>
                                <input type="email" value="{{ $user->email }}" name="email" class="form-control"
                                    placeholder="Enter email">
                                    @error('email')
                                        <span class="text-danger">{{$message}}</span>
                                    @enderror
                            </div>
                            
                            <!--<div class="form-group">-->
                            <!--    <label for="exampleInputEmail1">Phone</label>-->
                            <!--    <input type="text" value="{{ $user->phone }}" name="phone" class="form-control"-->
                            <!--        placeholder="Enter phone">-->
                            <!--        @error('phone')-->
                            <!--            <span class="text-danger">{{$message}}</span>-->
                            <!--        @enderror-->
                            <!--</div>-->
                            
                            <div class="form-group">
                                <label for="exampleInputEmail1">Image</label>
                                <input type="file" value="" name="file" class="form-control"
                                    placeholder="Enter member ship">
                                <img width="100" src="{{ asset('user-images/' . $user->image) }}" alt="">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Member Ship</label>
                                <select class="form-control" name="member_ship" id="">
                                    <option value="1">Option</option>
                                    <option {{$user->membership_status == 1 ? 'selected' : ''}} value="1">Subscribed</option>
                                    <option {{$user->membership_status == 0 ? 'selected' : ''}} value="0">Unsubscribed</option>
                                </select>
                                {{-- <input type="text" value="" name="question" class="form-control"
                                     placeholder="Enter member ship"> --}}
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Balance</label>
                                <input type="text" value="{{ $user->balance }}" readonly name="question"
                                    class="form-control" placeholder="Enter balance">
                            </div>

                            <div class="form-group">
                                <label for="exampleInputEmail1">Password</label>
                                <input type="password" value="" name="password" class="form-control"
                                    placeholder="Enter Password">
                                    @error('password')
                                        <span class="text-danger">{{$message}}</span>
                                    @enderror
                            </div>

                            <div class="form-group">
                                <label for="exampleInputEmail1">Confirm Password</label>
                                <input type="password" value="" name="c_password" class="form-control"
                                    placeholder="Enter Confirm Password">
                                    @error('c_password')
                                        <span class="text-danger">{{$message}}</span>
                                    @enderror
                            </div>

                            <div class="continue-btn mt-4">
                                <a href="javascript:void(0)" class="btn btn-danger" id="sub-btn">Update</a>
                            </div>

                        </form>
                    </div>
                </div>
                <!-- end page title -->
            </div> <!-- container-fluid -->
        </div>
    </div>
@endsection
@push('js')
    <script>
        $(document).ready(function() {
            $('#sub-btn').click(function() {
                $('#web-form').submit();
            })
        })
    </script>
@endpush