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

                    </div>
                    <!-- <div class="col-lg-6 breadcrumb-right">
                      <button class="btn btn-pill btn-primary btn-air-primary" type="button" data-original-title="btn btn-pill btn-primary btn-air-primary" title=""><i class="fas fa-calendar-week"></i>  View Report</button>
                      <button class="btn btn-pill btn-light round-pill" type="button" data-original-title="btn btn-pill btn-primary btn-air-primary" title=""><i class="fas fa-archive"></i></button>
                      <button class="btn btn-pill btn-danger round-pill" type="button" data-original-title="btn btn-pill btn-primary btn-air-primary" title=""><i class="fas fa-user-times"></i></button>

                    </div> -->
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container">
            <div class="row">

                <div class="col-lg-12 mt-3">
                    @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>';
                            }
                        $imageUrl = url('storage/'.$user->profile_photo_path);

                    @endphp
                    @if(session()->has('success'))
                        <div class="alert alert-success hide-alert">
                            {{ session()->get('success') }}
                        </div>
                    @endif
                    @if(session()->has('error'))
                        <div class="alert alert-danger hide-alert">
                            {{ session()->get('error') }}
                        </div>
                    @endif

                    @if ($errors->any())
                        <div class="alert alert-danger hide-alert">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                </div>
                <div class="col-md-4 text-center student-edit">

                    <div class="avatar-upload">
                        <div class="avatar-edit">
                            {{--                                <input type="file" id="imageUpload" accept=".png, .jpg, .jpeg">--}}
                            {{--                                <label for="imageUpload"></label>--}}
                            <a href="#" data-toggle="modal" data-target="#upload_student_photo_modal">
                                <label for="imageUpload"></label>
                            </a>
                        </div>
                        <div class="avatar-preview">

                            <div id="imagePreview" style="background-image: url({{ $imageUrl }});">
                            </div>
                        </div>
                    </div>
                    <a href="#"><h3 class="p-30 font-weight-bold ">{{ $user->name }}</h3></a>

                    <div class="subscription">
                        @if($user->is_subscription_active)
                            <h6 class="subscribtion_heading">Subscription Status:</h6>
                            <h6 class="subscription_status text-success"><i class="fas fa-check-circle"></i>Active</h6>

                            <h6 class="subscribtion_heading">Subscription Start Date:</h6>
                            <h6>{{date("m/d/Y",strtotime($user->subscription_start))}}</h6>

                            <h6 class="subscribtion_heading">Subscription End Date:</h6>
                            <h6>{{date("m/d/Y",strtotime($user->subscription_expiry))}}</h6>

                            <h6 class="subscribtion_heading">Plan:</h6>
                            <h6>Basic</h6>
                        @else

                            <h6 class="subscribtion_heading">Subscription Status:</h6>
                            <h6 class="subscription_status text-danger"><i class="fas fa-times-circle"></i>Inactive</h6>

                        @endif

                        @if(!$user->is_subscription_active)
                            <button class="btn btn-pill btn-primary checkout_btn" type="button"
                                    data-original-title="btn btn-pill btn-primary" title="">Pay Now
                            </button>
                        @endif
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="card-body">
                        <div class="text-left validation-errors"></div>
                        <form class="form theme-form profile-form" id="changePassForm">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="exampleFormControlInput20">Business Name<span class="font-danger">*</span></label>
                                        <input class="form-control" type="text" name="name" id="name"
                                               value="{{ old('name') ?? $user->name }}">
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="exampleInputPassword22">Address<span class="font-danger">*</span></label>
                                        <input class="form-control" type="text" name="address" id="address"
                                               value="{{ old('address') ?? $user->address }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>City:<span class="font-danger">*</span></label>
                                        <input class="form-control" type="text" placeholder="City" name="city" id="city"
                                               value="{{old('city') ?? $user->city }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>State:<span class="font-danger">*</span></label>
                                        <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-md-2">
                                    <div class="form-group">
                                        <label>Zip Code:<span class="font-danger">*</span></label>
                                        <input class="form-control" type="number" placeholder="ZIP Code" name="zip"
                                               id="zip"
                                               value="{{old('zip') ?? $user->zip }}">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleFormControlInput20">Contact Person<span class="font-danger">*</span></label>
                                        <input class="form-control" name="contact_person"
                                               type="text" id="contact_person"
                                               value="{{ old('contact_person') ?? $user->contact_person }}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleFormControlInput20">Phone Number<span class="font-danger">*</span></label>
                                        <input class="form-control" type="number" placeholder="Phone" name="phone"
                                               id="phone" value="{{ old('phone')  ??  $user->phone }}">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Email</label>
                                        <input class="form-control" type="email" placeholder="Email" name="email"
                                               id="email"
                                               value="{{ old('email') ?? $user->email }}" autocomplete="off">
                                    </div>
                                </div>
                            </div>

                            <h4>Security</h4>
                            <hr>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Old Password</label>
                                        <input class="form-control" name="old_password"
                                               type="password" autocomplete="off">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>New Password</label>
                                        <input class="form-control" name="new_password"
                                               type="password">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Confirm New Password</label>
                                        <input class="form-control"
                                               name="confirm_password" type="password">
                                    </div>
                                </div>
                            </div>


                            <div class="card-footer mb-5 ">
                                <button class="btn btn-primary btn-pill" type="submit">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>


        <!--    Upload Student Photo Modal -->
        <div class="modal fade" id="upload_student_photo_modal" tabindex="-1" role="dialog"
             aria-labelledby="upload_student_photo_modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Change Profile Picture</h5>
                        <button class="close" type="button" data-dismiss="modal"
                                aria-label="Close"><span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <div class="form-group">
                                        {{--                                        <label>Student Photo</label>--}}
                                        <div class="dropzone" id="myDropzone"></div>
                                        <input type="file" name="image" class="hidden">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
{{--                            <button class="btn btn-pill btn-primary" class="close" type="button" data-dismiss="modal"--}}
{{--                                    aria-label="Close">Upload--}}
{{--                            </button>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection
@section('page_js')
    @include('backend.profile.js')
@endsection