@extends('backend.layout.master')
@include('backend.profile.css')
@section('content')
    
    <!--Start Hero-->
      <section class="hero-section business-startup">
        <div class="container">
          @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 pt-1 pb-2" role="alert">Your Subscription will expire in '.abs($diffInDays).' days. <button class="btn btn-secondary btn-pill round checkout_btn float-right btn-sm">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 class="row">
            <div class="col-md-8">
              <div class="heading mb-3"><h2>Edit Profile</h2></div>
            </div>
            <div class="col-md-4"></div>
            </div>
            <div class="row">
              <div class="col-md-4 student_view profile-page-setting">
                <div class="text-left validation-errors"></div>
                  <form autocomplete="off" class="form theme-form profile-form" id="changePassForm" >
                    @csrf
                    <div class="avatar-upload">
                        <div class="avatar-edit">
                            <a href="#" data-toggle="modal" data-target="#upload_student_photo_modal">
                                <label for="imageUpload">
                                  <img src="{!! asset('images/Path 75.png')!!}">
                                </label>
                            </a>
                        </div>
                        <div class="avatar-preview">
                            <div id="imagePreview" style="background-image: url({{ $imageUrl }});">
                            </div>
                        </div>
                    </div>
                    <div class="student_view_heading mt-2">
                      <h4 class="editName">{{ $user->name }}</h4>
                    </div>
                    
                    <div class="subscription">
                        @if($user->is_subscription_active)
                            <h6 class="subscribtion_heading">Subscription Status:</h6>
                            <h6 class="subscription_status"><i class="fas fa-check"></i>Active</h6>

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

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

                            <h6 class="subscribtion_heading">Plan:</h6>
                            <h6 class="subscription_content">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 change-profile">
                    <div class="card-body edit-profile">
                    <!-- <div class="text-left validation-errors"></div> -->
                    <div class="row">
                      <div class="col-md-12">
                        <div class="form-group">
                          <label for="exampleFormControlInput20">Business Name</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</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</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</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 for="exampleFormControlInput20">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 for="exampleFormControlInput20">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 for="exampleFormControlInput20">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 for="exampleFormControlInput20">Repeat New Password</label>
                          <input class="form-control" name="confirm_password" type="password">
                        </div>
                      </div>
                    </div>
                    <div class="card-footer mb-5 pl-0">
                      <button class="btn btn-primary round btn-pill" type="submit">Update</button>
                    </div>
                 
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--End Hero-->


      <!--    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 pb-0">
                            <div class="row">
                                <div class="col">
                                    <div class="form-group">
                                        <div class="dropzone" id="myDropzone"></div>
                                        <input type="file" name="image" class="hidden">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer pt-0 pb-0">
                          <button class="btn btn-pill btn-primary" id="uploadImagePreview" 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