@extends('investor.layout.app')
@section('css')
<style>
  textarea {
    height: 80px !important;
  }

  .file-icon {
    float: left;
  }

  .padding-word-icon {
    padding-right: 5px;
  }

  .upcname {
    margin-left: 30px;
  }

  label {
    font-weight: 500 !important;
    text-align: center;
    width: 100%;
  }

  .modal {
    text-align: center;
  }

  @media screen and (min-width: 768px) {
    .modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }
  }

  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 470px;
  }

  .heading {
    text-align: center;
    margin: 0px 10px 0px 0px;
  }

  .modal-header {
    border: none;
  }

  .btn-wrap a {
    float: right;
  }

  .pdf-dimension {
    width: 100%;
    height: 600px;
  }

  .non-pdf-dimension {
    width: auto;
    height: auto;
  }
</style>
@endsection

@section('content')

<div class="center-wrapper">

  <div class="center-inner">

    <div class="row sales-view-details">

      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

        <div id="meterialsall" class="meterial-forms-tab-wrap clearfix" style="display:block;">

          <ul class="sale-pdf-list pp-docwrap no-mrg">

            <input id="passwordChanged" type="hidden" value="{{Auth::guard('investor')->user()->password_changed}}" />

            <div class="modal fade modal-center bd-example-modal-lm forgot" id="changePassword" tabindex="-1" role="dialog" aria-hidden="true">

              <div class="modal-dialog modal-lm" role="document">

                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                    <h1 class="heading">{{ __('investor.change_password') }}</h1>
                  </div>
                  <div class="modal-body" style="padding: 15px 15px 0px;">

                    <label>{{ __('investor.change_password_confirmation') }}</label>

                    <div class="btn-wrap col-sm-12">

                      <a href="{{route('investor.changePassword')}}"> <button type="button" class="custom-btn mr15">{{__('investor.change')}}</button> </a>

                    </div>

                    </form>

                  </div>

                  <div class="clearfix"></div>
                </div>

              </div>

            </div>

            @if($file)

            <li class="text-center">
              @if(!is_null($fileType))
                  @if(str_contains($fileType,'pdf') || str_contains($fileType,'text/plain') || str_contains($fileType,'video'))
                    <embed type="{{$fileType}}" src="{{$filePath}}#toolbar=0" class="pdf-dimension">
                  @elseif(str_contains($fileType,'image'))
                    <embed type="{{$fileType}}" src="{{$filePath}}#toolbar=0" class="non-pdf-dimension">
                  @else
                  <p>File not supported.</p>
                  @endif
              @endif
            </li>
            @else
            <p>{{__('investor.no_records')}}</p>
            @endif

          </ul>


        </div>


      </div>

    </div>



  </div>

</div>
@section('js')

<script>
  $(document).ready(function() {
    if ($("#passwordChanged").val() != "1" && "{{$entryLevel == 1}}") {
      $("#changePassword").modal('toggle');
    }

  });
</script>

@endsection

@endsection