@extends('layouts.master')

@section('title',  __('tr.Eservices Requests Status'))
@section('titleicon', "icon-file-text")

@if($user->student->canRequestCertificate())
    @section('actiontitle', __('tr.Request Electronic Service'))
    @section('actionlink', route('edit_eservice_request'))
    @section('actionicon', "icon-plus")
@endif

@section('content')

    <style>
        .userRequestTxt {
            font-size: 15px;
            text-align: left;
            line-height: 40px;
            cursor: pointer;
        }

        .table td, .table th {
            padding: 0;
        }

        .card .card-header {
            border-bottom: 0;
        }

        .card-header {
            border-bottom: 0;
        }

        div.collapse.show, div.collapse {
            background-color: white !important;
        }
    </style>

    <div class="main-content">
        <div class="row-gutter">
            @php($count = 100)
            @if(count($eservicesRequests) > 0)
                @foreach ($eservicesRequests as $eservice)
                    @php($count = $eservice->status)
                @endforeach
            @endif

            {{--  Request  --}}
            @foreach($users_requests as $request)
                <div class="accordion" id="accordionExample">
                    <div class="card">
                        <div class="card-header">
                            <table class="table">
                                <thead>
                                <th width="40%" class="userRequestTxt" id="heading{{ $request->id }}" data-toggle="collapse"
                                    data-target="#collapse{{ $request->id }}" aria-expanded="true"
                                    aria-controls="collapse{{ $request->id }}"><i class="icon-play_arrow"></i> @lang('tr.Request Name')</th>
                                <th width="15%" class="userRequestTxt" id="heading{{ $request->id }}" data-toggle="collapse"
                                    data-target="#collapse{{ $request->id }}" aria-expanded="true"
                                    aria-controls="collapse{{ $request->id }}">@lang('tr.Status')</th>
                                <th width="15%" class="userRequestTxt" id="heading{{ $request->id }}" data-toggle="collapse"
                                    data-target="#collapse{{ $request->id }}" aria-expanded="true"
                                    aria-controls="collapse{{ $request->id }}">@lang('tr.Total Amount')</th>
                                <th width="15%" class="userRequestTxt" id="heading{{ $request->id }}" data-toggle="collapse"
                                    data-target="#collapse{{ $request->id }}" aria-expanded="true"
                                    aria-controls="collapse{{ $request->id }}">@lang('tr.Date')</th>
                                <th width="15%" class="userRequestTxt" id="heading{{ $request->id }}" data-toggle="collapse"
                                    data-target="#collapse{{ $request->id }}" aria-expanded="true"
                                    aria-controls="collapse{{ $request->id }}">@lang('tr.Action')</th>
                                </thead>

                                <tbody>
                                <tr>
                                    <td class="userRequestTxt">{{ ucwords(str_replace('_',' ',$request->type)) }}</td>
                                    <td class="userRequestTxt"><span
                                                class="badge badge-pill  badge-certificate-status-new show-note"
                                                data-value="" style="width:120px">{{ ucwords($request->order_status) }}</span></td>
                                    <td class="userRequestTxt">{{ $request->total_amount }}</td>
                                    <td class="userRequestTxt">{{ explode(' ',$request->created_at)[0] }}</td>
                                    <td class="userRequestTxt">
                                        @if(!$request->user->isEgyptian() && $request->order_status == 'App\UserRequest'::STATUS_INCOMPLETE)
                                            @if($request->evidenceArchive)
                                                <a title="Download Evidence" target="_blank" href="{{ route('secure_download_file')."?sid=".$request->evidenceArchive->secret() }}"><i class="icon-download"></i></a>
                                                <button title="Re-upload Evidence" id="upload_evidence" action="{{ route('save_eservice_payment_evidence', ['userRequest' => $request->id]) }}" style="background-color: #F0F4F9; border: none; cursor: pointer;">
                                                    <i class="icon-arrow-repeat"></i>
                                                </button>
                                            @else
                                                <button title="Upload Evidence" id="upload_evidence" action="{{ route('save_eservice_payment_evidence', ['userRequest' => $request->id]) }}" style="background-color: #F0F4F9; border: none; cursor: pointer;">
                                                    <i class="icon-upload"></i>
                                                </button>
                                            @endif
                                        @endif
                                        <a href="{{ route('edit_eservice_request', ['userRequest' => $request->id]) }}"><i class="icon-edit"></i></a>
                                        <a href="#" id="heading{{ $request->id }}" data-toggle="collapse" data-target="#collapse{{ $request->id }}" aria-expanded="true" aria-controls="collapse{{ $request->id }}"><i id="show_hide" class="icon-eye-blocked"></i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        <div id="collapse{{ $request->id }}" class="collapse"
                             aria-labelledby="heading{{ $request->id }}" data-parent="#accordionExample"
                             style="margin-top: -20px;">
                            <div class="card-body">
                                @php($internalEserviceRequest = $request->internalEserviceRequestStatus($user->id,$request->id))

                                @if(count($internalEserviceRequest) > 0)
                                    <table class="table">
                                        <thead>
                                            <th width="40%" class="userRequestTxt">@lang('tr.Eservice Name')</th>
                                            <th width="15%" class="userRequestTxt">@lang('tr.Status')</th>
                                            <th width="45%" class="userRequestTxt">@lang('tr.Notes')</th>
                                        </thead>

                                        <tbody>
                                            @foreach ($internalEserviceRequest as $eserviceRequest)
                                                <tr>
                                                    <td class="userRequestTxt">
                                                        <span>{{  $eserviceRequest->name }}</span>
                                                    </td>
                                                    <td class="userRequestTxt">
                                                        <span class="badge badge-pill badge-certificate-status-{{ $eserviceRequest->statusBadge() }} show-note" data-value="" style="width:120px">{{ $eserviceRequest->statusLabel() }}</span>
                                                    </td>
                                                    <td class="userRequestTxt">
                                                        <span>{{ $eserviceRequest->notes }}</span>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                @else
                                    No Eservices
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection

@section('pagejs')

    <script>
        $(document).ready(function () {

            $('#show_hide').on('click', function () {
                if ($(this).attr('class') == 'icon-eye-blocked') {
                    $(this).removeClass('icon-eye-blocked');
                    $(this).addClass('icon-eye');
                } else {
                    $(this).removeClass('icon-eye');
                    $(this).addClass('icon-eye-blocked');
                }
            });

            //Upload Files Example
            $("#upload_evidence").uploadFiles({
                token: '{{ csrf_token() }}',
                progressBar: $('#upload_files_progress_bar'),
                progressText: $('#upload_files_progress_text'),
            },
            function(data) {
                infoBox("@lang('tr.Uploaded Successfully')", function(){
                    location.reload();
                });
            }, function (response) {
                var errorString = '';
                if (response.errors) {
                    $.each(response.errors, function (key, value) {
                        errorString += value;
                    });
                } else {
                    errorString = response.error;
                }

                errorBox(errorString);
            });

        });
    </script>

@endsection