@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) >= 4)
                                <div class="card">


                                    <div class="card-body">
                                        <table id="scroll-horizontal" class="table nowrap align-middle" style="width:100%">
                                            <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


                                                        <td>
                                                            <a href="{{ asset('documents/' . $upload->upload_name) }}" target="__blank"
                                                                class="btn btn-sm btn-outline btn-info"> View</a>
                                                            @if (!$upload->status)
                                                                &nbsp;&nbsp;
                                                                <a href="#" data-toggle="modal" data-target="#submit{{ $upload->id }}"
                                                                    class="btn btn-sm btn-outline btn-primary">Submit</a>
                                                            @endif
                                                            &nbsp;&nbsp; <a href="{{ route('documents.updatedocuments', base64_encode($upload->id)) }}"
                                                                class="btn btn-sm btn-outline btn-danger">Change Document</a>
                                                            </ul>
                                                        </td>


                                                        <td>


                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                    @foreach ($uploads as $upload)
                                        @if ($upload->status == 0)
                                            <div id="submit{{ $upload->id }}" class="modal fade" role="dialog">
                                                <div class="modal-dialog">
                                                    <!-- Modal content-->
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close"
                                                                data-dismiss="modal">&times;</button>
                                                            <h4 class="modal-title"> Submit
                                                                {{ str_replace('_', ' ', $upload->type) }}</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <p>
                                                                Are you sure you want to submit
                                                                <strong>{{ str_replace('_', ' ', $upload->type) }}</strong>?
                                                                This
                                                                Action cannot be reversed
                                                            </p>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <a href="{{ route('documents.submit', $upload->id) }}"
                                                                class="btn btn-danger">Yes,Do</a>
                                                            <button type="button" class="btn btn-info"
                                                                data-dismiss="modal">Close</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                            @else
                                <span class="text-danger"><i class="fa fa-warning"></i>Click Next to Add
                                    {{ 4 - count($uploads) }} Documents</span>
                            @endif
                        </div>
                        <!-- count($uploads)==0 -->
                        @if (count($uploads) < 4)
                            <div class="f1-buttons">
                                <button type="button" class="btn btn-next">Next</button>
                            </div>
                        @endif
                    </fieldset>
                    <fieldset>
                        <h4>Upload KCSE &amp;Leaving Certificate:</h4>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Upload KCSE Certificate or Result Slip</label>
                                    <input type="file" name="kcse" placeholder="" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Upload Leaving</label>
                                    <input type="file" name="leaving" placeholder="" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="f1-buttons">
                            <button type="button" class="btn btn-previous">Previous</button>
                            <button type="button" class="btn btn-next">Next</button>
                        </div>
                    </fieldset>
                    <fieldset>
                        <h4>Upload ID FRONT &amp; BACK</h4>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Upload ID Front</label>
                                    <input type="file" name="id_front" placeholder="" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Upload ID back</label>
                                    <input type="file" name="id_back" placeholder="" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="f1-buttons">
                            <button type="button" class="btn btn-previous">Previous</button>
                            <button type="submit" class="btn btn-next">Submit</button>
                        </div>
                    </fieldset>

                </form>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="card">
        
        
                    <div class="card-body">
                        <table id="scroll-horizontal" class="table nowrap align-middle" style="width:100%">
                            <tr>
                                <th>
                                    Document Type
                                </th>
                                <th>
                                    Action
                                </th>
                            </tr>
        
        
                            @foreach (App\Models\User::find(auth()->user()->id)->chaiUploads as $upload)
                                                    <tr>
                                                        <td>
                                                            {{ $upload->document_type }}

                                                        </td>

                                                        {{-- <td>
                                                            <a href="{{ asset('documents/schorship/chaiappdocs/' . $upload->link) }}" target="__blank"
                                                                class="btn btn-sm btn-outline btn-info"> View</a>


                                                        </td> --}}
                                                        <td>
                                                            @if($upload->document_type == 'Authorized Form')
                                                                                            {{-- Hello world --}}

                                                                                            @php
                                                                                                $res = explode('/', $upload->link)

                                                                                                    // echo($res[2]);

                                                                                            @endphp


                                                                                            <a href="{{ asset('documents/schorship/chaiforms/' . $res[2]) }}" target="__blank"
                                                                                                class="btn btn-sm btn-outline btn-info"> View</a>

                                                            @else
                                                                <a href="{{ asset('documents/schorship/chaiappdocs/' . $upload->link) }}" target="__blank"
                                                                    class="btn btn-sm btn-outline btn-info"> View</a>

                                                            @endif



                                                        </td>



                                                    </tr>
                            @endforeach
        
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection