@extends('admin.master')
@section('title',@trans('Show Course'))
@section('content')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@trans('Dashboard') </a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.courses.index') }}">@trans('Courses') </a>
                        </li>
                        <li class="breadcrumb-item active">@trans('Show Course') </li>
                    </ol>
                </div>
                <h4 class="page-title">@trans('Courses') </h4>
            </div>
        </div>
    </div>
    <div class="row">


        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <ul class="nav nav-tabs nav-justified nav-bordered mb-3" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a href="#home-b2" data-bs-toggle="tab" aria-expanded="false" class="nav-link active"
                               aria-selected="true" role="tab">
                                @trans('Course info')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#profile-b2" data-bs-toggle="tab" aria-expanded="true" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Course Distribution')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#profile-b3" data-bs-toggle="tab" aria-expanded="true" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Extra Fees Price')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#settings-b2" data-bs-toggle="tab" aria-expanded="false" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Goals')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#settings-b3" data-bs-toggle="tab" aria-expanded="false" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Target Groups')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#settings-b4" data-bs-toggle="tab" aria-expanded="false" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Dependence')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#settings-b5" data-bs-toggle="tab" aria-expanded="false" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Responsible for the course')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#settings-b6" data-bs-toggle="tab" aria-expanded="false" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Main topic')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#settings-b7" data-bs-toggle="tab" aria-expanded="false" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Users Registered')
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#settings-b8" data-bs-toggle="tab" aria-expanded="false" class="nav-link"
                               aria-selected="false" role="tab" tabindex="-1">
                                @trans('Payment Fees Amount')
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active show" id="home-b2" role="tabpanel">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="mb-3">
                                        <label for="name_en" class="form-label">@trans('Name in English') </label>
                                        <input class="form-control" type="text" name="name_en" id="name_en"
                                               value="{{ $course->trans->where('locale', 'en')->first()->title }}"
                                               readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="mb-3">
                                        <label for="name_ar" class="form-label">@trans('Name in Arabic') </label>
                                        <input class="form-control" type="text" name="name_ar" id="name_ar"
                                               value="{{ $course->trans->where('locale', 'ar')->first()->title }}"
                                               readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="mb-3">
                                        <label for="category" class="form-label">@trans('Category') </label>
                                        <input class="form-control" type="text" name="category" id="category"
                                               value="{{ @$course->categroy->trans->where('locale', $current_lang)->first()->title }}"
                                               readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="mb-3">
                                        <label for="subject" class="form-label">@trans('Subject') </label>
                                        <input class="form-control" type="text" name="subject" id="subject"
                                               value="{{ @$course->subject->trans->where('locale', $current_lang)->first()->title }}"
                                               readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="mb-3">
                                        <label for="created_ay" class="form-label">@trans('Created At') </label>
                                        <input class="form-control" type="text" name="created_ay" id="created_ay"
                                               value="{{ @$course->created_at}}" readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="mb-3">
                                        <label for="created_by" class="form-label">@trans('Created By') </label>
                                        <input class="form-control" type="text" name="created_by" id="created_by"
                                               value="{{ @$course->create_by->name }}" readonly>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="des"
                                                   class="form-label">@trans('Description in English') </label>
                                            <textarea class="form-control" type="text" name="des" id="des"
                                                      rows="10">{{ strip_tags($course->trans->where('locale', 'en')->first()->description)}} </textarea>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="des"
                                                   class="form-label">@trans('Description in Arabic') </label>
                                            <textarea class="form-control" type="text" name="des" id="des" cols="30"
                                                      rows="10">{{ strip_tags($course->trans->where('locale', 'ar')->first()->description)}} </textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="mt-3 col-sm-4">
                                            <div class="form-check form-check-inline">
                                                <input type="checkbox" class="form-check-input" id="customCheck3"
                                                       name="status" @checked($course->status == 1) disabled>
                                                <label class="form-check-label"
                                                       for="customCheck3">@trans('Status') </label>
                                            </div>
                                        </div>
                                        <div class="mt-3 col-sm-4">
                                            <div class="form-check form-check-inline">
                                                <input type="checkbox" class="form-check-input" id="most_popular"
                                                       name="most_popular"
                                                       @checked($course->most_popular == 1) disabled>
                                                <label class="form-check-label"
                                                       for="most_popular">@trans('Most Popular') </label>
                                            </div>
                                        </div>
                                        <div class="mt-3 col-sm-4">
                                            <div class="form-check form-check-inline">
                                                <input type="checkbox" class="form-check-input" id="most_requested"
                                                       name="most_requested"
                                                       @checked($course->most_requested == 1) disabled>
                                                <label class="form-check-label"
                                                       for="most_requested">@trans('Most Requested') </label>
                                            </div>
                                        </div>
                                        <div class="form-group mt-2">
                                            <label for="type_course">@trans('Type of Course') </label>
                                            <div>
                                                <input type="radio" id="certificates" name="type_course"
                                                       value="1" disabled
                                                    {{ old('type_course', $course->type_course) == '1' ? 'checked' : '' }}>
                                                <label for="certificates">@trans('Professional certificates') </label>
                                            </div>
                                            <div>
                                                <input type="radio" id="regular_courses" name="type_course"
                                                       value="0" disabled
                                                    {{ old('type_course', $course->type_course) == '0' ? 'checked' : '' }}>
                                                <label for="regular_courses">@trans('RegularCourses') </label>
                                            </div>
                                            @error('type_course')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="image" class="form-label">@trans('Image') </label>
                                            <div class="card d-block">
                                                <img class="card-img-top" src="{{ $course->image }}" id="image"
                                                     alt=" Card image cap" style="width: 300px">

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

                            </div>
                        </div>
                        <div class=" tab-pane" id="profile-b2" role="tabpanel">
                            <div class="row">
                                <div class="col-12">
                                    <div class="card">

                                        <div class="card-body">
                                            <table id="datatable-buttons"
                                                   class="table table-striped dt-responsive nowrap w-100">
                                                <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>@trans('City') </th>
                                                    <th>@trans('Year') </th>
                                                    <th>@trans('Week') </th>
                                                    <th>@trans('Currency') </th>
                                                    <th>@trans('Price') </th>
                                                    <th>@trans('Repeat') </th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @forelse ($course->distribution as $item)
                                                    @php
                                                        // Format the week start and end date using Carbon
                                                        $weekStart = \Carbon\Carbon::parse($item->start_date)->format('l, Y-m-d');
                                                        $weekEnd = \Carbon\Carbon::parse($item->end_date)->format('l, Y-m-d');
                                                    @endphp
                                                    <tr>
                                                        <th scope="row">{{ $loop->index + 1}} </th>
                                                        <td>{{ $item->city->trans->where('locale', $current_lang)->first()->title }}</td>
                                                        <td>  {{ $item->year->year }} </td>
                                                        <td>{{ $weekStart }} - {{ $weekEnd}} </td>
                                                        <td>{{ $item->currency->trans->where('locale', $current_lang)->first()->title}} </td>
                                                        <td>{{ @$item->price }}</td>
                                                        <td>{{ $item->repeat}} </td>

                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="8" class="text-center">
                                                            @trans('No prices found') </td>
                                                    </tr>
                                                @endforelse
                                                </tbody>
                                            </table>
                                        </div> <!-- end card body-->
                                    </div> <!-- end card -->
                                </div><!-- end col-->
                            </div>
                        </div>
                        <div class=" tab-pane" id="profile-b3" role="tabpanel">
                            <div class="row">
                                <div class="col-12">
                                    <div class="card">

                                        <div class="card-body">
                                            <table id="datatable-buttons"
                                                   class="table table-striped dt-responsive nowrap w-100">
                                                <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>@trans('Extra Fees') </th>
                                                    <th>@trans('Price') </th>
                                                    <th>@trans('Currency') </th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @forelse ($course->courseExtrasPrice as $item)
                                                    <tr>
                                                        <th scope="row">{{ $loop->index + 1}} </th>
                                                        <td>{{ $item->courseExtra->trans->where('locale', $current_lang)->first()->title }}
                                                        </td>
                                                        <td>{{ $item->price}} </td>
                                                        <td>{{ $item->currency->trans->where('locale', $current_lang)->first()->title }}
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="7" class="text-center">
                                                            @trans('No prices found') </td>
                                                    </tr>
                                                @endforelse
                                                </tbody>
                                            </table>
                                        </div> <!-- end card body-->
                                    </div> <!-- end card -->
                                </div><!-- end col-->
                            </div>
                        </div>
                        <div class="tab-pane" id="settings-b2" role="tabpanel">
                            @forelse ($course->goals as $goal)
                                <div class="row">
                                    @foreach ($goal->trans as $trans)
                                        @if ($trans->locale == 'en')
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="name_en_{{ $goal->id }}"
                                                           class="form-label">@trans('Name in English') </label>
                                                    <input class="form-control" type="text"
                                                           name="name_en_{{ $goal->id }}"
                                                           id="name_en_{{ $goal->id }}" value="{{ $trans->title }}"
                                                           readonly>
                                                </div>
                                            </div>
                                        @elseif ($trans->locale == 'ar')
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="name_ar_{{ $goal->id }}"
                                                           class="form-label">@trans('Name in Arabic') </label>
                                                    <input class="form-control" type="text"
                                                           name="name_ar_{{ $goal->id }}"
                                                           id="name_ar_{{ $goal->id }}" value="{{ $trans->title }}"
                                                           readonly>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            @empty
                                <p>@trans('No goals available') </p>
                            @endforelse
                        </div>
                        <div class="tab-pane" id="settings-b3" role="tabpanel">
                            @forelse ($course->targets as $target)
                                <div class="row">
                                    @foreach ($target->trans as $trans)
                                        @if ($trans->locale == 'en')
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="name_en_{{ $target->id }}"
                                                           class="form-label">@trans('Name in English') </label>
                                                    <input class="form-control" type="text"
                                                           name="name_en_{{ $target->id }}"
                                                           id="name_en_{{ $target->id }}" value="{{ $trans->title }}"
                                                           readonly>
                                                </div>
                                            </div>
                                        @elseif ($trans->locale == 'ar')
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="name_ar_{{ $target->id }}"
                                                           class="form-label">@trans('Name in Arabic') </label>
                                                    <input class="form-control" type="text"
                                                           name="name_ar_{{ $target->id }}"
                                                           id="name_ar_{{ $target->id }}" value="{{ $trans->title }}"
                                                           readonly>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            @empty
                                <p>@trans('No target available') </p>
                            @endforelse

                        </div>
                        <div class="tab-pane" id="settings-b4" role="tabpanel">
                            <div class="row">
                                <div class="col-12">
                                    <div class="card">

                                        <div class="card-body">
                                            <table id="datatable-buttons"
                                                   class="table table-striped dt-responsive nowrap w-100">
                                                <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>@trans('Title') </th>

                                                    <th>@trans('image') </th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @forelse ($course->dependences as $item)
                                                    <tr>
                                                        <th scope="row">{{ $loop->index + 1 }}</th>
                                                        <td>{{ $item->trans->where('locale', $current_lang)->first()->title }}
                                                        </td>
                                                        <td><img src="{{ $item->image }}" width="100"
                                                                 alt="">
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <p>@trans('No dependences available') </p>
                                                @endforelse
                                                </tbody>
                                            </table>
                                        </div> <!-- end card body-->
                                    </div> <!-- end card -->
                                </div><!-- end col-->
                            </div>

                        </div>
                        <div class="tab-pane " id="settings-b5" role="tabpanel">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="mb-4">
                                        <label for="name_en" class="form-label">@trans('Name') </label>
                                        <input class="form-control" type="text" name="name_en" id="name_en"
                                               value="{{ $course->admin->name }}" readonly>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="name_en" class="form-label">@trans('Email') </label>
                                        <input class="form-control" type="text" name="name_en" id="name_en"
                                               value="{{ $course->admin->email }}" readonly>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="name_en" class="form-label">@trans('Phone') </label>
                                        <input class="form-control" type="text" name="name_en" id="name_en"
                                               value="{{ $course->admin->phone }}" readonly>
                                    </div>
                                </div>


                            </div>
                        </div>
                        <div class="tab-pane " id="settings-b6" role="tabpanel">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-2 mb-2 mb-sm-0">
                                        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist"
                                             aria-orientation="vertical">
                                            <a class="nav-link show active" id="v-pills-home-tab" data-bs-toggle="pill"
                                               href="#v-pills-home" role="tab" aria-controls="v-pills-home"
                                               aria-selected="true">
                                                @trans('Course topics')
                                            </a>
                                            <a class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill"
                                               href="#v-pills-profile" role="tab" aria-controls="v-pills-profile"
                                               aria-selected="false" tabindex="-1">
                                                @trans('Topic')
                                            </a>

                                        </div>
                                    </div> <!-- end col-->

                                    <div class="col-sm-10">
                                        <div class="tab-content" id="v-pills-tabContent">
                                            <div class="tab-pane fade active show" id="v-pills-home" role="tabpanel"
                                                 aria-labelledby="v-pills-home-tab">
                                                <table id="datatable-buttons"
                                                       class="table table-striped dt-responsive nowrap w-100">
                                                    <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>@trans('Title in English') </th>
                                                        <th>@trans('Title in Arabic') </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @forelse ($course->trainingProgram as $item)
                                                        <tr>
                                                            <th scope="row">{{ $loop->index + 1 }}</th>
                                                            <td>{{ $item->trans->where('locale', 'en')->first()->title }}
                                                            </td>
                                                            <td>{{ $item->trans->where('locale', 'ar')->first()->title }}
                                                            </td>
                                                        </tr>
                                                    @empty
                                                        <tr>
                                                            <td colspan="7" class="text-center">
                                                                @trans('No Course topics found') </td>
                                                        </tr>
                                                    @endforelse
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="tab-pane fade" id="v-pills-profile" role="tabpanel"
                                                 aria-labelledby="v-pills-profile-tab">
                                                <table id="datatable-buttons"
                                                       class="table table-striped dt-responsive nowrap w-100">
                                                    <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>@trans('Title in English') </th>
                                                        <th>@trans('Title in Arabic') </th>

                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @forelse ($course->trainingProgram as $main_topic)

                                                        @forelse ($main_topic->contents as $item)
                                                            <tr>

                                                                <th scope="row">{{ $loop->index + 1}} </th>
                                                                <td>{{ $item->trans->where('locale', 'en')->first()->title }}
                                                                </td>
                                                                <td>{{ $item->trans->where('locale', 'ar')->first()->title }}
                                                                </td>

                                                            </tr>
                                                        @empty
                                                        @endforelse

                                                    @empty
                                                        <tr>
                                                            <td colspan="7" class="text-center">
                                                                @trans('No content found') </td>
                                                        </tr>
                                                    @endforelse
                                                    </tbody>
                                                </table>
                                            </div>

                                        </div> <!-- end tab-content-->
                                    </div> <!-- end col-->
                                </div>
                                <!-- end row-->
                            </div>
                        </div>
                        <div class="tab-pane " id="settings-b7" role="tabpanel">
                            <div class="row">
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <table id="datatable-buttons"
                                                   class="table table-striped dt-responsive nowrap w-100">
                                                <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>@trans('Name') </th>
                                                    <th>@trans('Email') </th>
                                                    <th>@trans('Phone') </th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @forelse ($course->courseRegister as $item)
                                                    <tr>
                                                        <th scope="row">{{ $loop->index + 1 }}</th>
                                                        <td>{{ @$item->user->first_name }}</td>
                                                        <td>{{ @$item->user->email}}</td>
                                                        <td>{{ @$item->user->phone }}</td>

                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="4" class="text-center">
                                                            @trans('No users found') </td>
                                                    </tr>
                                                @endforelse
                                                </tbody>
                                            </table>
                                        </div> <!-- end card body-->
                                    </div> <!-- end card -->
                                </div><!-- end col-->
                            </div>
                        </div>
                        <div class="tab-pane " id="settings-b8" role="tabpanel">
                            <div class="row">
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <table id="datatable-buttons"
                                                   class="table table-striped dt-responsive nowrap w-100">
                                                <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>@trans('payment type') </th>
                                                    <th>@trans('user') </th>
                                                    <th>@trans('Price') </th>
                                                    <th>@trans('payment status') </th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @forelse ($course->feedPayment as $item)
                                                    <tr>
                                                        <th scope="row">{{ $loop->index + 1 }}</th>
                                                        <td>{{ @$item->payment_type}}</td>
                                                        <td>{{ @$item->user->first_name}} {{ @$item->user->last_name}}</td>
                                                        <td>{{ @$item->price}}</td>
                                                        <td>{{ @$item->payment_status }}</td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="4" class="text-center">
                                                            @trans('No payment  fee course') </td>
                                                    </tr>
                                                @endforelse
                                                </tbody>
                                            </table>
                                        </div> <!-- end card body-->
                                    </div> <!-- end card -->
                                </div><!-- end col-->
                            </div>
                        </div>
                    </div>
                </div> <!-- end card-body -->
            </div> <!-- end card-->
        </div> <!-- end col -->
    </div>
@endsection
@section('script')
    <!-- Multi Select Plugin Js -->

@endsection