@extends('layouts.frontend.master')
@section('htmltitle')
Upload Final Document
@endsection
@section('content')
<style>
    .info_main_sec input{
        height: auto !important;
    }
    input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}
</style>
<!-- Page Start -->
<div class="info_main_sec">
    <div class="content clear">
        <div class="left-tab">
            <div class="steps">
                <div><img src="/frontend/images/user-icon.png"></div>
                <div class="username">Welcome <span>{{Auth::user()->name}}</span></div>
                <div class="clearfix"></div>
            </div>
            <ul class="list-unstyled">
                <li class="init">Steps <i class="fa fa-angle-down"></i></li>
                <li><a href="/application/my-account" class="first">Challenges
                        <div class="arrow"></div>
                    </a>
                </li>
                <li><a href="/application/personal-data?type={{Request::input('type')}}" class="sec"> Personal Info
                        <div class="arrow"></div>
                    </a>
                </li>
                <li><a href="/application/current-applications" class="curr-app active">Existing Applications
                        <div class="arrow"></div>
                    </a>
                </li>
                <li><a href="/application/completed-applications" class="cmpl-app">Past Challenges
                        <div class="arrow"></div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="page-wrap gray-bg">
            <div class="login-box">
                <div class="login-title"><span>Challenges 2020</div>    
                <!-- Inner Section -->
                <div class="inner-section p-4">
                    <div class="row match-height">                        
                        <!-- Box[1] -->
                        <div class="col-md-12 pt-2 col-sm-12 col-12 item-box card">
                             @if (\Session::get('success'))
                                            <div class="alert alert-success" role="alert">
                                                {{ \Session::get('success') }}
                                            </div>
                                            @endif  
                          <div class="card-body" style="padding: 20px">
                            @if ($type === 'ppt')
                                
                            
                              <form method="post" action='' enctype='multipart/form-data' id="about-your-innovation">
                              @if ($app->final_ppt && $app->final_ppt !== '')
                                  <p>{{$app->final_ppt}} <a href="/application/upload-document/delete/{{$app->id}}/{{$type}}" class="btn btn-danger btn-link text-capitalize" onclick="return confirm('Are you sure you want to delete the document?');">Delete</a></p> 
                              @endif
                              <input type="hidden" name="type" value="{{$type}}">
                              @csrf
                              <input type="hidden" name="appid" value="{{$app->id}}">
                              <div class="form-group">
                                <label>Upload Document</label>
                                <input type="file" class="form-control-file" name="file" id="file" placeholder="Upload PPT File" aria-describedby="fileHelpId" accept=".ppt,.pptx" required>
                                <small>Accept .ppt & .pptx file only</small>
                                @if($errors->has('file'))
                                    <div class="invalid-feedback" style="color: red;margin-top:5px">{{ $errors->first('file') }}</div>
                                @endif
                              </div>
                              <button type="submit" class="btn btn-primary">Submit</button>
                             </form>
                             @else
                               <form method="post" action='' enctype='multipart/form-data' id="about-your-innovation">
                                <input type="hidden" name="type" value="{{$type}}">
                              @if ($app->last_ppt && $app->last_ppt !== '')
                                  <p>{{$app->last_ppt}} <a href="/application/upload-document/delete/{{$app->id}}/{{$type}}" class="btn btn-danger btn-link text-capitalize" onclick="return confirm('Are you sure you want to delete the document?');">Delete</a></p> 
                              @endif
                             
                              @csrf
                              <input type="hidden" name="appid" value="{{$app->id}}">
                              <div class="form-group">
                                <label>Upload Document</label>
                                <input type="file" class="form-control-file" name="file" id="file" placeholder="Upload PPT File" aria-describedby="fileHelpId" accept=".xlsx,.xls,.doc, .docx,.ppt, .pptx,.pdf" required>
                                <small>Accept .ppt, .pptx, .docx & xlsx file only</small>
                                @if($errors->has('file'))
                                    <div class="invalid-feedback" style="color: red;margin-top:5px">{{ $errors->first('file') }}</div>
                                @endif
                              </div>
                              <button type="submit" class="btn btn-primary">Submit</button>
                             </form>
                             @endif
                          </div>
                           
                        </div>
                        <!-- Box Ends -->
                    </div>
                    <!-- Row Ends -->
                </div>
                <!-- Inner Section -->
                            </div>
        </div>
    </div>
</div>
<!-- Page Ends -->
@endsection

@section('external_scripts')
<script type="text/javascript">
    /*column resizable js code*/
    $(document).ready(function() {
        var showChar = 50;
        var ellipsestext = "...";
        var moretext = "more";
        var lesstext = "less";
        $('.fulltext').each(function() {
            var content = $(this).text();

            if(content.length > showChar) {

                var c = content.substr(0, showChar);
                var h = content.substr(showChar-1, content.length - showChar);

                var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';

                $(this).html(html);
            }

        });

        $(".morelink").click(function(){
            if($(this).hasClass("fulltest")) {
                $(this).removeClass("fulltest");
                $(this).html(moretext);
            } else {
                $(this).addClass("fulltest");
                $(this).html(lesstext);
            }
            $(this).parent().prev().toggle();
            $(this).prev().toggle();
            return false;
        });
    });
    /*end column resizable js code*/
</script>
@endsection