@extends('backend.layout.master')
@include('backend.profile.css')
@section('content')
    <div class="page-body">
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6 main-header">
                        <h2>Manage<span>Profile </span></h2>

                    </div>
{{--                    <div class="col-lg-6 breadcrumb-right">--}}
{{--                        <ol class="breadcrumb">--}}
{{--                            <li class="breadcrumb-item"><a href="#"><i class="pe-7s-home"></i></a></li>--}}
{{--                            <li class="breadcrumb-item">Dashboard</li>--}}
{{--                            <li class="breadcrumb-item active">Profile</li>--}}
{{--                        </ol>--}}
{{--                    </div>--}}
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container-fluid">
    <div class="container-fluid general-widget">
        @php
            $now = time(); // or your date as well
            $expiry_date = strtotime(auth()->guard('web')->user()->subscription_expiry);
            $datediff = $expiry_date - $now;
            $diffInDays = round($datediff / (60 * 60 * 24));
            if($diffInDays >= 0 && $diffInDays <= 7)
                {
                    $renew = true;
                    echo '<div class="alert alert-danger alert-dismissible" role="alert">Your Subscription will expire in '.abs($diffInDays).' days. <button class="btn btn-primary btn-pill checkout_btn">Renew Now</button> <button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button></div>';
                }
        @endphp

    @if($user->is_subscription_active)
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5>My Subscription</h5>
            </div>
            <div class="card-content">
                <div class="card-body card-dashboard">
                    <p><strong>Subscription Status:</strong> <span class="text-white bg-success font-weight-bold p-1">ACTIVE</span></p>
                    <p><strong>Subscription Start Date:</strong> {{date("m/d/Y",strtotime($user->subscription_start))}}</p>
                    <p><strong>Subscription End Date:</strong> {{date("m/d/Y",strtotime($user->subscription_expiry))}}</p>
                </div>
            </div>
        </div>
        @endif
                <div class="card">
                    <div class="card-content">
                        <div class="card-body card-dashboard">
                            @if(!$user->is_subscription_active)
                            <div class="row mb-5">
                                <h4>Subscription Status: Inactive  <button class="btn btn-pill btn-secondary checkout_btn">Activate Now</button></h4>
                            </div>
                            @endif
                            @if(session()->has('success'))
                                <div class="alert alert-success">
                                    {{ session()->get('success') }}
                                </div>
                            @endif
                                @if(session()->has('error'))
                                    <div class="alert alert-danger">
                                        {{ session()->get('error') }}
                                    </div>
                                @endif

                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <form class="kt-form"  id="addkidform" action="{!! route('profile.update-profile') !!}" method="post" enctype="multipart/form-data">
                                @csrf
                                <div class="wizard-4" id="wizard">
                                    <ul>
                                        <li><a href="#step-1">KG Details<small>Step 1</small></a></li>
                                        <li><a href="#step-2">Password & Security<small>Step 2</small></a></li>
                                    </ul>
                                    <div id="step-1" style="height:340px">
                                        <div class="row lt-0" style="max-width: 100%;">

                                            <div class="col-sm-12 col-md-12">
                                                <div class="form-group">
                                                    <input class="form-control" type="text" placeholder="Name" name="name" id="name" value="{{ old('name') ?? $user->name }}" required>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6">
                                                <div class="form-group">
                                                    <input class="form-control" type="email" placeholder="Email" name="email" id="email" value="{{ old('email') ?? $user->email }}" required>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6">
                                                <div class="form-group">
                                                    <input class="form-control" type="number" placeholder="Phone" name="phone" id="phone" value="{{ old('phone')  ??  $user->phone }}" required>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="kidpicture">Select Kid Picture</label>
                                                    <input type="file" name="image" id="image" class="form-control m-input image-upload" accept="image/*" value="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <img src="{{--{{$result->image_url}}--}}{{ $user->profile_photo_url }}" style="max-height:70px;">
                                            </div>


                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <input class="form-control" type="text" placeholder="Address" name="address" id="address" value="{{old('address') ?? $user->address }}">
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6">
                                                <div class="form-group">

                                                    <input class="form-control" type="text" placeholder="City" name="city" id="city" value="{{old('city') ?? $user->city }}">
                                                </div>
                                            </div>

                                            <div class="col-sm-6 col-md-6">
                                                <div class="form-group">
                                                    <select class="form-control btn-square" name="state" id="state"
                                                            required>
                                                        <option value="" disabled selected>--Select State--</option>
                                                        @foreach($states as $state)
                                                            <option
                                                                value="{{ $state->id }}"
                                                                @if($user->state_id == $state->id) selected @endif >{{ $state->state_name.' ['.$state->state_code.']'  }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-md-6">
                                                <div class="form-group">
                                                    <input class="form-control" type="number" placeholder="ZIP Code" name="zip" id="zip" value="{{old('zip') ?? $user->zip }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="step-2" style="height:340px">
                                        <div class="col-sm-12 pl-0">
                                            <h5>Password & Security</h5>
                                            <div class="form-group m-t-15">
                                                <label for="password">Old Password</label>
                                                <input class="form-control" type="password" placeholder="Enter Old Password" name="old_password" id="old_password" value="{{old('old_password')}}">
                                            </div>
                                            <div class="form-group m-t-15">
                                                <label for="password">Enter Password</label>
                                                <input class="form-control" type="password" placeholder="Enter New Password" name="new_password" id="new_password" value="{{old('new_password')}}">
                                            </div>
                                            <div class="form-group m-t-15">
                                                <label for="retype_password">Retype Password</label>
                                                <input class="form-control" type="password" placeholder="Reenter New Password" name="confirm_password" id="confirm_password" value="{{old('confirm_password')}}">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                {{--                        <div class="kt-portlet__foot">
                                                            <div class="kt-form__actions">
                                                                <div class="row">
                                                                    <div class="col-lg-12">
                                                                        <button type="submit" class="btn btn-success">Submit</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>--}}
                            </form>
                        </div>
                    </div>
                </div>
            </div>
    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Change Profile Picture</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="dropzone" id="myDropzone"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
        </div>
    </div>
@endsection
@include('backend.profile.js')