@extends('layouts.applicant')
@section('content')
    <div class="row">
        <div class="page-header">
            <h4>Documents <span style="color:red">Ensure that your documents are less than <strong>2MB</strong> in size</span>
            </h4>
        </div>
        <!-- /.row -->
        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
        @if(count($errors) > 0)
       <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
        <div class="row">
            <div class="col-sm-12 col-sm-offset-0 col-md-12 col-md-offset-0 col-lg-12 col-lg-offset-0 form-box">
                <form role="form" action="{{route('documents.store')}}" method="post" class="f1" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="f1-steps">
                        <div class="f1-progress">
                            <div class="f1-progress-line" data-now-value="16.66" data-number-of-steps="3" style="width: 16.66%;"></div>
                        </div>
                        <div class="f1-step active">
                            <div class="f1-step-icon"><i class="fa fa-file"></i></div>
                            <p>Documents</p>
                        </div>
                        <div class="f1-step">
                            <div class="f1-step-icon"><i class="fa fa-list"></i></div>
                            <p>KCSE &amp;Leaving Certificate</p>
                        </div>
                        <div class="f1-step">
                            <div class="f1-step-icon"><i class="fa fa-list"></i></div>
                            <p>ID Front &amp;Back</p>
                        </div>
                    </div>
                    <hr>
                    <fieldset>
                        <h4>Uploaded Documents: <span style="color:red">Ensure that your documents are less than 2MB</span></h4>
                        @if(count($uploads) > 0 && array_product($status_array)==0)
                            <div class="row">
                                <span><i class="fa fa-warning text-danger"> You need to submit {{count($uploads)-array_sum($status_array)}} documents</i></span>
                            </div>
                            @elseif(count($uploads) >=4 && array_sum($status_array) >=4 )
                            <div class="row">
                                <span><i class="fa fa-warning text-success"> You have submitted all the required documents</i></span>
                            </div>
                        @endif
                        <div class="row">
                            @if(count($uploads) > 0 && count($uploads) >= 2)
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Type</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php $count=1; @endphp
                                    @foreach($uploads as $upload)
                                        <tr>
                                            <td>{{$count++}}</td>
                                            <td>{{str_replace("_",' ',$upload->type)}}</td>
                                           @if($upload->status==0)
                                                <td class="text-danger">Pending</td>
                                               @else
                                                <td class="text-success">Submitted</td>
                                            @endif