@extends('layouts.main')
@section('breadcrumb')
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title pl-3">Courses Store</h4>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Courses Store</li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
@endsection
@section('content')

    <div class="clearfix"></div>
    @include('flash::message')

    @if($courses->isNotEmpty())

        <div class="statistic-grid">
            <div class="statistic-grid__wrap">
                @foreach ($courses as $course)
                    <div class="statistic-grid__wrap__item notStarted">
                        <div class="statistic-grid__wrap__item__body">
                            <h4>{{ $course->title }}</h4>
                            <p>{{ $course->description }}</p>
                            <div class="statistic-grid__wrap__item__details">
                                <div class="statistic-grid__wrap__item__details__item">
                                    <p>Balance of Licenses: </p>
                                    <span>
                                        @if($course->latestContract)
                                            {{$course->latestContract->amount - $course->accountProgresses_count }}
                                        @else
                                          -
                                        @endif
                                    </span>
                                </div>
                                @if($course->latestOrder)

                                    <div class="statistic-grid__wrap__item__details__item">
                                        <p>Request Status: </p>
                                        <span>{{$course->latestOrder->status}}</span>
                                    </div>
                                    <div class="statistic-grid__wrap__item__details__item">
                                        <p>Request Date: </p>
                                        <span>{{$course->latestOrder->created_at}}</span>
                                    </div>

                                @endif

                                <div class="statistic-grid__wrap__item__details__item">
                                    <form method="POST" action="{{ route('course-store.order') }}" class="mt-4">
                                        @csrf
                                        <div style="display: inline-block; font-weight: bold; color: white;">Extra Licenses:</div>
                                        <div style="display: inline-block">
                                            <input type="number" name="students_count" class="form-control"
                                                   style="padding: 0 10px; height: 33px; text-align: center;"
                                                   min="1" max="1000" required>
                                        </div>
                                        <div style="display: inline-block">
                                            <input type="hidden" name="course_id" value="{{ $course->id }}">
                                            <button type="submit" class="btn blue-btn ">Request</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @else
        <div style="display: flex; justify-content: center; align-items: center; height: 68vh;">
            <p style="color: white; font-size: 20px; margin: 0;" class="text-center">There are no courses available</p>
        </div>
    @endif

@endsection