@extends('layouts.admin-portal')
@section('page-title')
    Edit Trainer Profile
@endsection
@section('style')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <style>
        i.fa-star {
            color: var(--theme-color);
        }
    </style>
@endsection
@section('content')
    <div class="content-wrap">
        <div class="row">
            <div class="col-md-12">
                <nav class="users-tab wow fadeInUp" data-wow-delay="0.9s">
                    <ul class="nav nav-pills" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link {{ !request()->has('page') ? 'active': '' }}" id="one-tab" data-toggle="tab" href="#one-pane" role="tab"
                               aria-controls="one-pane" aria-selected="true">Trainer Details</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ request()->has('page') ? 'active': '' }}" id="two-tab" data-toggle="tab" href="#two-pane" role="tab"
                               aria-controls="two-pane" aria-selected="false">Trainer schedules</a>
                        </li>
                        <!-- <li class="nav-item">
                            <a class="nav-link" id="three-tab" data-toggle="tab" href="#three-pane" role="tab" aria-controls="three-pane" aria-selected="false">Performance details</a>
                        </li> -->
                    </ul>
                </nav>
            </div>
            <div class="col-md-12">

                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade {{ !request()->has('page') ? 'show active': '' }}" id="one-pane" role="tabpanel" aria-labelledby="one-tab">
                        <div class="profile-wrap">
                            <div class="profileInfo">
                                <div class="profileImg">
                                    <figure>

                                        <img
                                            src="{{ $trainer->photo ?  asset($trainer->photo)  : asset('assets/images/user1.jpg') }}"
                                            class="rounded-circle img-fluid" alt="img">
                                    </figure>
                                </div>
                                <div class="profileContent">
                                    <h3>{{ $trainer->name .' '. $trainer->last_name }}</h3>
                                    <h4>Trainer</h4>
                                    <p>{{ $trainer->description }}</p>
                                    @if($rating == 5)
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>

                                    @elseif($rating == 4)
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                    @elseif($rating == 3)
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>

                                    @elseif($rating == 2)
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                    @elseif($rating == 1)
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                    @else
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                        <i class="fa-regular fa-star"></i>
                                    @endif
                                </div>
                            </div>
                            <div class="d-flex mb-4 justify-content-between align-items-center">
                                <h3 class="m-0">Personal Information</h3>

                            </div>

                            <form action="{{ url('admin/updateTrainer') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="trainer_id" value="{{ $trainer->id }}">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">First Name</label>
                                            <input type="text" name="name" value="{{ $trainer->name }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Last Name</label>
                                            <input type="text" name="last_name" value="{{ $trainer->last_name }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Email</label>
                                            <input disabled type="email" name="email" value="{{ $trainer->email }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Phone</label>
                                            <input type="number" name="phone" value="{{ @$trainer->phone ?? ' ' }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Gender</label>
                                            @if(@$trainer->gender == "Female")
                                                <input type="radio" name="gender" value="Male"> Male
                                                <input type="radio" name="gender" value="Female" checked> Female
                                            @else
                                                <input type="radio" name="gender" value="Male" checked> Male
                                                <input type="radio" name="gender" value="Female"> Female
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Date Of Brith</label>
                                            <input type="date" name="dob"
                                                   value="{{ date('Y-m-d' , strtotime($trainer->dob)) }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Age</label>
                                            <input type="number" name="age" value="{{ $trainer->age ?? ' ' }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Weight</label>
                                            <input type="text" name="weight" value="{{ $trainer->weight ?? ' ' }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Nationality</label>
                                            <input type="text" name="nationality"
                                                   value="{{ $trainer->nationality ?? ' ' }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Country of Residence</label>
                                            <input type="text" name="country" value="{{ $trainer->country ?? ' ' }}"
                                                   class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">City</label>
                                            <input type="text" value="{{ $trainer->city ?? ' ' }}" class="form-control"
                                                   name="city">
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="">Time Zone</label>
                                            <select name="time_zone" id="time_zone" class="form-control" required>
                                                <option value="">Select Time Zone</option>
                                                @if(count($timezones) > 0)
                                                    @foreach ($timezones as $time)
                                                        <option style="color: black !important" value="{{ $time->id }}" {{ $trainer->time_zone == $time->id ? 'selected' : '' }}>
                                                            {{ $time->zone_name.' '.$time->time_zone }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    {{--                                    <div class="col-md-6">--}}
                                    {{--                                        <div class="form-group">--}}
                                    {{--                                            <label>Days Available <span id="selectedId"></span></label>--}}
                                    {{--                                            <select id="selecteddays" multiple name="days_available[]">--}}
                                    {{--                                            </select>--}}
                                    {{--                                        </div>--}}
                                    {{--                                    </div>--}}
                                    {{--                                    <div class="col-md-6">--}}
                                    {{--                                        <div class="form-group">--}}
                                    {{--                                            <label for="">No. of Sessions in a Week</label>--}}
                                    {{--                                            <input type="text" name="no_of_session_in_week"--}}
                                    {{--                                                   value="{{ $trainer->no_of_session_in_week }}" class="form-control">--}}
                                    {{--                                        </div>--}}
                                    {{--                                    </div>--}}
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="">Description</label>
                                            <textarea name="description"
                                                      class="form-control">{{ $trainer->description ?? ' '}}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="photo">Profile Picture</label>
                                            <input type="file" name="photo" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        @if($trainer->photo)
                                            <img src="{{ asset($trainer->photo) }}" width="250px" height="auto" alt="">
                                        @endif
                                    </div>
                                </div>
                                <button type="submit" href="#" class="btnStyle">Update Trainer profile</button>
                            </form>
                        </div>
                    </div>
                    <div class="tab-pane fade {{ request()->has('page') ? 'show active': '' }}" id="two-pane" role="tabpanel" aria-labelledby="two-tab">
                        <h2 class="trainerHead">Trainer schedules</h2>
                        <div class="row">
                            <div class="col-md-12">

                                @forelse ($schedules as $item)
                                    <div class="performCard">
                                        <div class="dateWrap">
                                            <h2>{{ date('d', strtotime($item->trainer_date))}}
                                                <span>{{ date('M', strtotime($item->trainer_date))}}</h2>
                                        </div>
                                        <h3><span>Full Name</span>{{ $item->session_type }}</h3>
                                        <h3>
                                            <span>Customer Name</span>{{ $item["customer"]->first_name.' '.$item["customer"]->last_name }}
                                        </h3>
                                        <h3>
                                            <span>Trainer Name</span>{{ $item["trainer"]->name.' '.$item["customer"]->last_name }}
                                        </h3>
                                        <h3><span>Time</span>{{ date('h:i A', strtotime($item->trainer_time)) }}</h3>
                                        <h3><span>Status</span>{{ucfirst($item->status)}}</h3>
                                        <a href="{{ url('admin/performance-detail/'.$item->id) }}" class="btnStyle">VIEW
                                            DETAILS</a>
                                    </div>
                                @empty
                                    <h2 style="text-align: center;">Currently no sessions available..!!</h2>
                                @endforelse

                                @if($schedules->hasPages())
                                    <div class="d-flex justify-content-center">
                                        {{ $schedules->links('vendor.pagination.bootstrap-4') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
@endsection

@push('custom-js-scripts')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>
    <script type="text/javascript">

    </script>
@endpush