@extends('frontLayouts.frontApp')

@section('class')
    rate-nav
@endsection
@section('frontContent')
    <!-- Start Rate -->
    @include('frontLayouts.messages')
    <section class="profile">
        <div class="container">
            <h2>{{ __('lang.profile') }} </h2>
            <img src="{{auth('customer')->user()->image }}" alt="#" class="image-user"/>
            <h4>{{ auth('customer')->user()->name }}</h4>
            <h5><i class="fa-solid fa-location-dot"></i> <span>{{(auth('customer')->user()->city)? auth('customer')->user()->city->name : ""}}</span></h5>
            <div class="data">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link {{ request()->date || request()->city ? '' : 'active' }}" id="home-tab"
                                data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab"
                                aria-controls="home" aria-selected="true">{{ __('lang.personal_information') }}</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link {{ request()->date || request()->city ? 'active' : '' }}"
                                id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab"
                                aria-controls="profile" aria-selected="false">{{ __('lang.last_trips') }}</button>
                    </li>
                </ul>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade  {{ request()->date || request()->city ? '' : 'show active' }} " id="home"
                         role="tabpanel" aria-labelledby="home-tab">
                        <div class="box-form">
                            <form action="{{ route('customer.update-profile') }}" method="post">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-6 box">
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('lang.name') }}</label>
                                            <input type="text" class="form-control" name="name"
                                                   placeholder="{{ __('lang.name') }}"
                                                   value="{{ auth('customer')->user()->name }}" required>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('lang.address') }}</label>
                                            <select name="city_id" required class="form-select"
                                                    aria-label="Default select example">
                                                <option selected disabled>{{ __('lang.choose_city') }}</option>
                                                @foreach(\App\Models\City::orderBy('created_at','desc')->get() as $city)
                                                    <option
                                                        value="{{ $city->id }}" @if( auth('customer')->user()->city_id == $city->id ) selected @endif >{{ $city->name }}</option>
                                                @endforeach
                                            </select></div>
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('lang.password') }}</label>
                                            <input type="password" name="password"
                                                   placeholder="{{ __('lang.password') }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 box">
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('lang.email') }}</label>
                                            <input type="email" name="email" class="form-control"
                                                   placeholder="{{ __('lang.email') }}"
                                                   value="{{ auth('customer')->user()->email }}" required>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('lang.phone') }}</label>
                                            <input type="text" name="phone" class="form-control"
                                                   placeholder=" {{ __('lang.phone') }}"
                                                   value="{{ auth('customer')->user()->phone }}" required>
                                        </div>
                                    </div>
                                </div>
                                <button class="btn-submit">{{ __('lang.save_edits') }}</button>
                            </form>

                        </div>
                    </div>
                    <div class="tab-pane fade {{ request()->date || request()->city ? 'show active' : '' }}"
                         id="profile" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="details-data">
                            <div class="search-box">
                                <form action="{{ route('profile') }}" method="get">
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <input type="date" class="form-control date" value="{{ request()->date }}"
                                                   id="birthday" name="date">
                                        </div>
                                        <div class="col-lg-4">
                                            <select class="form-select" name="city" aria-label="Default select example">
                                                <option selected disabled>{{ __('lang.city') }}</option>
                                                @foreach($cities as $city)
                                                    <option
                                                        value="{{ $city->id }}" {{ request()->city == $city->id ? 'selected' : '' }}>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $city->name_ar : $city->name_en }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-lg-4">
                                            <button type="submit" class="btn-search">{{ __('lang.search') }}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        @if(count($reservation))
                            <div class="box-data">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th scope="col">{{ __('lang.flight_name') }}</th>
                                        <th scope="col">{{ __('lang.city') }}</th>
                                        <th scope="col">{{ __('lang.date') }}</th>
                                        <th scope="col"></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($reservation as $item)
                                        <tr>
                                            <td scope="row" class="title">
                                                <div class="box">
                                                    <img src="{{ url($item->trip->image) }}"
                                                         style="width: 55px;height: 55px;border-radius: 7px" alt="#"/>
                                                    <h5>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $item->trip->name_ar :  $item->trip->name_en }}</h5>
                                                </div>
                                            </td>
                                            <td>
                                                <h6>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $item->trip->City->name_ar : $item->trip->City->name_en }}</h6>
                                            </td>
                                            <td><h6>{{ $item->created_at->format('Y-m-d') }}</h6></td>
                                            <td>
                                                <a href="{{ route('front.trip.details',$item->trip_id) }}">{{ __('lang.details') }}</a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                            {{$reservation->links("pagination::bootstrap-4")}}
                        @else
                            <h2 style="padding-block: 150px">{{ __('lang.not_booked') }}</h2>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>
    <!-- End Rate -->
@endsection