@extends('web.layouts.container')

@section('css')
    <style>
        .input_style{
            background: transparent !important;
            color: #3D84C6 !important;
            border: 1px solid #3D84C6 !important
        }
    </style>
@endsection

@section('breadcrumb')
    <nav class="nav-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{__('users.profile')}}</li>
        </ol>
    </nav>
@endsection

@section('content')
    <main>
        <!--start profile-->
        <section class="profile">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                        <div class="side-menu">
                            <div class="profile-img">
                                <img src="{{asset('assets/web/images/profile-pic.jpg')}}" alt="profile-pic.jpg">
                                <h6>Jacob Smith</h6>
                            </div>
                            <div class="links">
                                <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                    <a class="nav-link {{!$errors->has('bank_name') && !$errors->has('card_holder') && !$errors->has('account_number') && !$errors->has('iban') ? 'active' : ''}}" id="v-pills-info-tab" data-toggle="pill" href="#v-pills-info" role="tab" aria-controls="v-pills-info" aria-selected="true">
                                        <i class="far fa-user"></i>{{__('users.personal_data')}}
                                    </a>
                                    <a class="nav-link" id="v-pills-courses-tab" data-toggle="pill" href="#v-pills-courses" role="tab" aria-controls="v-pills-courses" aria-selected="false">
                                        <i class="far fa-gem"></i>  {{__('users.courses')}}
                                    </a>
                                    <a class="nav-link" href="{{route('user.logout')}}">
                                        <i class="fas fa-sign-out-alt"></i>{{__('users.logout')}}
                                    </a>
{{--                                    <a class="nav-link" id="v-pills-favourites-tab" data-toggle="pill" href="#v-pills-favourites" role="tab" aria-controls="v-pills-favourites" aria-selected="false">--}}
{{--                                        <i class="far fa-heart"></i>  المفضله--}}
{{--                                    </a>--}}
{{--                                    <a class="nav-link {{$errors->has('bank_name') || $errors->has('card_holder') || $errors->has('account_number') || $errors->has('iban') ? 'active' : ''}}" id="v-pills-payment-tab" data-toggle="pill" href="#v-pills-payment" role="tab" aria-controls="v-pills-payment" aria-selected="false">--}}
{{--                                        <i class="fas fa-money-check"></i> الدفع--}}
{{--                                    </a>--}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                        @if(session('message'))
                            <div class="col-xs-12 alert alert-success">{{session('message')}}</div>
                        @endif
                        <div class="tab-content" id="v-pills-tabContent">
                            <div class="tab-pane fade show {{!$errors->has('bank_name') && !$errors->has('card_holder') && !$errors->has('account_number') && !$errors->has('iban') ? 'active' : ''}}" id="v-pills-info" role="tabpanel" aria-labelledby="v-pills-info-tab">
                                <div class="info-container">
                                    <div class="heading text-center mb-4">
                                        <h5>{{__('users.personal_data')}}</h5>
                                    </div>
                                    <form method="post" action="{{route('user.update', $user)}}">
                                        @method('PUT')
                                        @csrf()
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                <div class="text">
                                                    <div class="content">
                                                        <span>{{__('users.full_name')}}</span>
                                                        <a class="edit-btn" data-target="#name">{{__('users.edit_input')}}</a>
                                                    </div>
                                                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{old('name', $user->name)}}" id="name" readonly>
                                                    @error('name') <span class="text-danger">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                <div class="text">
                                                    <div class="content">
                                                        <span>{{__('users.email')}}</span>
                                                        <a class="edit-btn" data-target="#email">{{__('users.edit_input')}}</a>
                                                    </div>
                                                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{old('email', $user->email)}}" id="email" readonly>
                                                    @error('email') <span class="text-danger">{{$message}}</span> @enderror
                                                </div>
                                            </div>
{{--                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">--}}
{{--                                                <div class="text">--}}
{{--                                                    <div class="content">--}}
{{--                                                        <span>الدوله</span>--}}
{{--                                                        <a class="edit-btn" onclick="country();">{{__('users.edit_input')}}</a>--}}
{{--                                                    </div>--}}
{{--                                                    <select class="form-control" name="country_id"  id="country" readonly>--}}
{{--                                                        @foreach($countries as $country)--}}
{{--                                                            <option {{old('country_id', $user->country_id) == $country->id ? 'selected' : ''}} value="{{$country->id}}">{{$country->name}}</option>--}}
{{--                                                        @endforeach--}}
{{--                                                    </select>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">--}}
{{--                                                <div class="text">--}}
{{--                                                    <div class="content">--}}
{{--                                                        <span>المدينه</span>--}}
{{--                                                        <a class="edit-btn" onclick="city();">{{__('users.edit_input')}}</a>--}}
{{--                                                    </div>--}}
{{--                                                    <select class="form-control" name="city_id"  id="city" readonly>--}}
{{--                                                        @foreach($cities as $city)--}}
{{--                                                            <option {{old('city_id', $user->city_id) == $city->id ? 'selected' : ''}} value="{{$city->id}}">{{$city->{'name_'.getCurrentLocale()} }}</option>--}}
{{--                                                        @endforeach--}}
{{--                                                    </select>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                <div class="text">
                                                    <div class="content">
                                                        <span>{{__('users.phone')}}</span>
                                                        <a class="edit-btn" data-target="#phone">{{__('users.edit_input')}}</a>
                                                    </div>
                                                    <input type="tel" name="phone" class="form-control @error('phone') is-invalid @enderror" value="{{old('phone', $user->phone)}}" id="phone" readonly>
                                                    @error('phone') <span class="text-danger">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                <div class="text">
                                                    <div class="content">
                                                        <span>{{__('users.birth_date')}}</span>
                                                        <a class="edit-btn" data-target="#birth_date">{{__('users.edit_input')}}</a>
                                                    </div>
                                                    <input type="date" name="birth_date" class="form-control @error('birth_date') is-invalid @enderror" value="{{old('birth_date', $user->birth_date)}}" id="birth_date" readonly>
                                                    @error('birth_date') <span class="text-danger">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                <div class="text">
                                                    <div class="content">
                                                        <span>{{__('users.password')}}</span>
                                                        <a class="edit-btn" data-target="#password">{{__('users.edit_input')}}</a>
                                                    </div>
                                                    <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" value="{{old('password')}}" id="password" readonly>
                                                    @error('password') <span class="text-danger">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-12"><button type="submit" class="save-btn">{{__('users.save')}} </button></div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="v-pills-courses" role="tabpanel" aria-labelledby="v-pills-courses-tab">
                                <div class="my-courses">
                                    <div class="heading text-center mb-4">
                                        <h5>{{__('users.registered_courses')}}</h5>
                                    </div>
                                    <div class="responsiv-table">
                                        <table class="table table-bordered table-hover mb-0 text-nowrap">
                                            <thead>
                                            <tr>
                                                <th> # </th>
                                                <th>{{__('users.course_name')}}</th>
                                                <th>{{__('users.category')}}</th>
                                                <th>{{__('users.price')}}</th>
{{--                                                <th>الحاله </th>--}}
{{--                                                <th>اخرى</th>--}}
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @if(count($courses))
                                                @foreach($courses as $course)
                                                    <tr>
                                                        <td>{{$loop->iteration}}</td>
                                                        <td>
                                                            <div class="media mt-0 mb-0">
                                                                <div class="card-aside-img">
                                                                    <a href="#"></a>
                                                                    <img src="{{$course->photos ? asset($course->photos[0]) : asset('assets/web/images/courses-1.jpg')}}" alt="img">
                                                                </div>
                                                                <div class="media-body">
                                                                    <div class="card-item-desc ml-4 p-0 mt-2">
                                                                        <h6>{{$course->name['name_'.getCurrentLocale()]}}</h6>
                                                                        <p>
                                                                            <i class="far fa-clock"></i>
                                                                            {{date('M d, Y h:i A', strtotime($course->created_at))}}
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>{{$course->category->descriptions()->where('language_id', currentLanguage()->id)->first()->name}}</td>
                                                        <td class="font-weight-semibold fs-16"> ${{$course->price}}</td>
{{--                                                        <td> <span class="badge badge-warning">انتهى</span></td>--}}
{{--                                                        <td>--}}
{{--                                                            <a class="btn btn-success btn-sm text-white" data-toggle="tooltip" data-original-title="Edit">--}}
{{--                                                                <i class="fas fa-pen"></i>--}}
{{--                                                            </a>--}}
{{--                                                            <a class="btn btn-danger btn-sm text-white" data-toggle="tooltip" data-original-title="Delete">--}}
{{--                                                                <i class="far fa-trash-alt"></i>--}}
{{--                                                            </a>--}}
{{--                                                            <a class="btn btn-info btn-sm text-white" data-toggle="tooltip" data-original-title="Save to Wishlist">--}}
{{--                                                                <i class="far fa-heart"></i>--}}
{{--                                                            </a>--}}
{{--                                                            <a class="btn btn-primary btn-sm text-white" data-toggle="tooltip" data-original-title="View">--}}
{{--                                                                <i class="fa fa-eye"></i>--}}
{{--                                                            </a>--}}
{{--                                                        </td>--}}
                                                    </tr>
                                                @endforeach
                                            @endif
{{--                                            <tr>--}}
{{--                                                <td>  1 </td>--}}
{{--                                                <td>--}}
{{--                                                    <div class="media mt-0 mb-0">--}}
{{--                                                        <div class="card-aside-img">--}}
{{--                                                            <a href="#"></a>--}}
{{--                                                            <img src="{{asset('assets/web/')}}/images/courses-1.jpg" alt="img">--}}
{{--                                                        </div>--}}
{{--                                                        <div class="media-body">--}}
{{--                                                            <div class="card-item-desc ml-4 p-0 mt-2">--}}
{{--                                                                <h6>IT Classes</h6>--}}
{{--                                                                <p>--}}
{{--                                                                    <i class="far fa-clock"></i>--}}
{{--                                                                    Feb-21-2018 , 16:54--}}
{{--                                                                </p>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </td>--}}
{{--                                                <td>Programming</td>--}}
{{--                                                <td class="font-weight-semibold fs-16"> $54</td>--}}
{{--                                                <td> <span class="badge badge-warning">انتهى</span></td>--}}
{{--                                                <td>--}}
{{--                                                    <a class="btn btn-success btn-sm text-white" data-toggle="tooltip" data-original-title="Edit">--}}
{{--                                                        <i class="fas fa-pen"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-danger btn-sm text-white" data-toggle="tooltip" data-original-title="Delete">--}}
{{--                                                        <i class="far fa-trash-alt"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-info btn-sm text-white" data-toggle="tooltip" data-original-title="Save to Wishlist">--}}
{{--                                                        <i class="far fa-heart"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-primary btn-sm text-white" data-toggle="tooltip" data-original-title="View">--}}
{{--                                                        <i class="fa fa-eye"></i>--}}
{{--                                                    </a>--}}
{{--                                                </td>--}}
{{--                                            </tr>--}}
{{--                                            <tr>--}}
{{--                                                <td>  2 </td>--}}
{{--                                                <td>--}}
{{--                                                    <div class="media mt-0 mb-0">--}}
{{--                                                        <div class="card-aside-img">--}}
{{--                                                            <a href="#"></a>--}}
{{--                                                            <img src="{{asset('assets/web/')}}/images/courses-2.jpg" alt="img">--}}
{{--                                                        </div>--}}
{{--                                                        <div class="media-body">--}}
{{--                                                            <div class="card-item-desc ml-4 p-0 mt-2">--}}
{{--                                                                <h6>IT Classes</h6>--}}
{{--                                                                <p>--}}
{{--                                                                    <i class="far fa-clock"></i>--}}
{{--                                                                    Feb-21-2018 , 16:54--}}
{{--                                                                </p>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </td>--}}
{{--                                                <td>Programming</td>--}}
{{--                                                <td class="font-weight-semibold fs-16"> $54</td>--}}
{{--                                                <td> <span class="badge badge-danger">لم ينتهي</span></td>--}}
{{--                                                <td>--}}
{{--                                                    <a class="btn btn-success btn-sm text-white" data-toggle="tooltip" data-original-title="Edit">--}}
{{--                                                        <i class="fas fa-pen"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-danger btn-sm text-white" data-toggle="tooltip" data-original-title="Delete">--}}
{{--                                                        <i class="far fa-trash-alt"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-info btn-sm text-white" data-toggle="tooltip" data-original-title="Save to Wishlist">--}}
{{--                                                        <i class="far fa-heart"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-primary btn-sm text-white" data-toggle="tooltip" data-original-title="View">--}}
{{--                                                        <i class="fa fa-eye"></i>--}}
{{--                                                    </a>--}}
{{--                                                </td>--}}
{{--                                            </tr>--}}
{{--                                            <tr>--}}
{{--                                                <td>  3 </td>--}}
{{--                                                <td>--}}
{{--                                                    <div class="media mt-0 mb-0">--}}
{{--                                                        <div class="card-aside-img">--}}
{{--                                                            <a href="#"></a>--}}
{{--                                                            <img src="{{asset('assets/web/')}}/images/courses-3.jpg" alt="img">--}}
{{--                                                        </div>--}}
{{--                                                        <div class="media-body">--}}
{{--                                                            <div class="card-item-desc ml-4 p-0 mt-2">--}}
{{--                                                                <h6>IT Classes</h6>--}}
{{--                                                                <p>--}}
{{--                                                                    <i class="far fa-clock"></i>--}}
{{--                                                                    Feb-21-2018 , 16:54--}}
{{--                                                                </p>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </td>--}}
{{--                                                <td>Programming</td>--}}
{{--                                                <td class="font-weight-semibold fs-16"> $54</td>--}}
{{--                                                <td> <span class="badge badge-info">اجتاز الاختبار </span></td>--}}
{{--                                                <td>--}}
{{--                                                    <a class="btn btn-success btn-sm text-white" data-toggle="tooltip" data-original-title="Edit">--}}
{{--                                                        <i class="fas fa-pen"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-danger btn-sm text-white" data-toggle="tooltip" data-original-title="Delete">--}}
{{--                                                        <i class="far fa-trash-alt"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-info btn-sm text-white" data-toggle="tooltip" data-original-title="Save to Wishlist">--}}
{{--                                                        <i class="far fa-heart"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-primary btn-sm text-white" data-toggle="tooltip" data-original-title="View">--}}
{{--                                                        <i class="fa fa-eye"></i>--}}
{{--                                                    </a>--}}
{{--                                                </td>--}}
{{--                                            </tr>--}}
                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                            </div>
{{--                            <div class="tab-pane fade" id="v-pills-favourites" role="tabpanel" aria-labelledby="v-pills-favourites-tab">--}}
{{--                                <div class="my-courses">--}}
{{--                                    <div class="heading text-center mb-4">--}}
{{--                                        <h5> الكورسات المفضله</h5>--}}
{{--                                    </div>--}}
{{--                                    <div class="responsiv-table">--}}
{{--                                        <table class="table table-bordered table-hover mb-0 text-nowrap">--}}
{{--                                            <thead>--}}
{{--                                            <tr>--}}
{{--                                                <th> # </th>--}}
{{--                                                <th>اسم الكورس</th>--}}
{{--                                                <th>التصنيف</th>--}}
{{--                                                <th>السعر</th>--}}
{{--                                                <th>اخرى</th>--}}
{{--                                            </tr>--}}
{{--                                            </thead>--}}
{{--                                            <tbody>--}}
{{--                                            <tr>--}}
{{--                                                <td>  1 </td>--}}
{{--                                                <td>--}}
{{--                                                    <div class="media mt-0 mb-0">--}}
{{--                                                        <div class="card-aside-img">--}}
{{--                                                            <a href="#"></a>--}}
{{--                                                            <img src="{{asset('assets/web/')}}/images/courses-1.jpg" alt="img">--}}
{{--                                                        </div>--}}
{{--                                                        <div class="media-body">--}}
{{--                                                            <div class="card-item-desc ml-4 p-0 mt-2">--}}
{{--                                                                <h6>IT Classes</h6>--}}
{{--                                                                <p>--}}
{{--                                                                    <i class="far fa-clock"></i>--}}
{{--                                                                    Feb-21-2018 , 16:54--}}
{{--                                                                </p>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </td>--}}
{{--                                                <td>Programming</td>--}}
{{--                                                <td class="font-weight-semibold fs-16"> $54</td>--}}
{{--                                                <td>--}}
{{--                                                    <a href="#" class="btn btn-danger btn-sm text-white" data-toggle="tooltip" data-original-title="Delete from Wishlist">--}}
{{--                                                        <i class="fa fa-trash"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a href="#" class="btn btn-success btn-sm text-white" data-toggle="tooltip" data-original-title="Buy Now">--}}
{{--                                                        <i class="fa fa-shopping-cart"></i>--}}
{{--                                                    </a>--}}
{{--                                                </td>--}}
{{--                                            </tr>--}}
{{--                                            <tr>--}}
{{--                                                <td>  2 </td>--}}
{{--                                                <td>--}}
{{--                                                    <div class="media mt-0 mb-0">--}}
{{--                                                        <div class="card-aside-img">--}}
{{--                                                            <a href="#"></a>--}}
{{--                                                            <img src="{{asset('assets/web/')}}/images/courses-2.jpg" alt="img">--}}
{{--                                                        </div>--}}
{{--                                                        <div class="media-body">--}}
{{--                                                            <div class="card-item-desc ml-4 p-0 mt-2">--}}
{{--                                                                <h6>IT Classes</h6>--}}
{{--                                                                <p>--}}
{{--                                                                    <i class="far fa-clock"></i>--}}
{{--                                                                    Feb-21-2018 , 16:54--}}
{{--                                                                </p>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </td>--}}
{{--                                                <td>Programming</td>--}}
{{--                                                <td class="font-weight-semibold fs-16"> $54</td>--}}
{{--                                                <td>--}}
{{--                                                    <a href="#" class="btn btn-danger btn-sm text-white" data-toggle="tooltip" data-original-title="Delete from Wishlist">--}}
{{--                                                        <i class="fa fa-trash"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a href="#" class="btn btn-success btn-sm text-white" data-toggle="tooltip" data-original-title="Buy Now">--}}
{{--                                                        <i class="fa fa-shopping-cart"></i>--}}
{{--                                                    </a>--}}
{{--                                                </td>--}}
{{--                                            </tr>--}}
{{--                                            </tbody>--}}
{{--                                        </table>--}}

{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="tab-pane fade show {{$errors->has('bank_name') || $errors->has('card_holder') || $errors->has('account_number') || $errors->has('iban') ? 'active' : ''}}" id="v-pills-payment" role="tabpanel" aria-labelledby="v-pills-payment-tab">--}}
{{--                                <div class="paymemt-wrapper">--}}
{{--                                    <div class="heading text-center mb-4">--}}
{{--                                        <h5> بيانات الدفع</h5>--}}
{{--                                    </div>--}}
{{--                                    <form>--}}
{{--                                        <h6>طريقة الدفع:</h6>--}}
{{--                                        <label class="select-payment">--}}
{{--                                            <input type="radio" name="payment" class="card-input-element" checked/>--}}
{{--                                            <div class="card card-input">--}}
{{--                                                <i class="fas fa-university"></i> التحويل البنكي--}}
{{--                                            </div>--}}
{{--                                        </label>--}}
{{--                                    </form>--}}
{{--                                    <div class="bank-details mt-4">--}}
{{--                                        <h6>تفاصيل الحساب البنكي</h6>--}}
{{--                                        <form action="{{route('user.updatePaymentInfo')}}" method="post">--}}
{{--                                            @csrf()--}}
{{--                                            <div class="row mt-4">--}}
{{--                                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">--}}
{{--                                                    <div class="text">--}}
{{--                                                        <div class="content">--}}
{{--                                                            <span> اسم البنك</span>--}}
{{--                                                            <a class="edit-btn" data-target="#bank_name">{{__('users.edit_input')}}</a>--}}
{{--                                                        </div>--}}
{{--                                                        <input type="text" name="bank_name" class="form-control @error('bank_name') is-invalid @enderror" value="{{old('bank_name', $user->bank_name)}}" id="bank_name" readonly>--}}
{{--                                                        @error('bank_name') <span class="text-danger text-center">{{$message}}</span> @enderror--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">--}}
{{--                                                    <div class="text">--}}
{{--                                                        <div class="content">--}}
{{--                                                            <span>  حامل البطاقه</span>--}}
{{--                                                            <a class="edit-btn" data-target="#card_holder">{{__('users.edit_input')}}</a>--}}
{{--                                                        </div>--}}
{{--                                                        <input type="text" name="card_holder" class="form-control @error('card_holder') is-invalid @enderror" value="{{old('card_holder', $user->card_holder)}}" id="card_holder" readonly>--}}
{{--                                                        @error('card_holder') <span class="text-danger text-center">{{$message}}</span> @enderror--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">--}}
{{--                                                    <div class="text">--}}
{{--                                                        <div class="content">--}}
{{--                                                            <span>  رقم الحساب</span>--}}
{{--                                                            <a class="edit-btn" data-target="#account_number">{{__('users.edit_input')}}</a>--}}
{{--                                                        </div>--}}
{{--                                                        <input type="text" name="account_number" class="form-control @error('account_number') is-invalid @enderror" value="{{old('account_number', $user->account_number)}}" id="account_number" readonly>--}}
{{--                                                        @error('account_number') <span class="text-danger text-center">{{$message}}</span> @enderror--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">--}}
{{--                                                    <div class="text">--}}
{{--                                                        <div class="content">--}}
{{--                                                            <span>IBAN</span>--}}
{{--                                                            <a class="edit-btn" data-target="#iban">{{__('users.edit_input')}}</a>--}}
{{--                                                        </div>--}}
{{--                                                        <input type="text" name="iban" class="form-control @error('iban') is-invalid @enderror" value="{{old('iban', $user->iban)}}" id="iban" readonly>--}}
{{--                                                        @error('iban') <span class="text-danger text-center">{{$message}}</span> @enderror--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                                <button type="submit" class="save-btn">حفظ </button>--}}
{{--                                            </div>--}}
{{--                                        </form>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <div class="orders-wrapper my-courses mt-5">--}}
{{--                                    <div class="heading text-center mb-4">--}}
{{--                                        <h5>  الطلبات </h5>--}}
{{--                                    </div>--}}
{{--                                    <div class="responsiv-table">--}}
{{--                                        <table class="table table-bordered table-hover mb-0 text-nowrap">--}}
{{--                                            <thead>--}}
{{--                                            <tr>--}}
{{--                                                <th> # </th>--}}
{{--                                                <th>كود الكورس</th>--}}
{{--                                                <th>التصنيف</th>--}}
{{--                                                <th>التاريخ</th>--}}
{{--                                                <th>السعر</th>--}}
{{--                                                <th>المده</th>--}}
{{--                                                <th>اخرى</th>--}}
{{--                                            </tr>--}}
{{--                                            </thead>--}}
{{--                                            <tbody>--}}
{{--                                            <tr>--}}
{{--                                                <td>  1 </td>--}}
{{--                                                <td>--}}
{{--                                                    <div class="media mt-0 mb-0">--}}

{{--                                                        <div class="media-body">--}}
{{--                                                            <div class="card-item-desc ml-4 p-0 mt-2">--}}
{{--                                                                <h6>125752</h6>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                </td>--}}
{{--                                                <td>Programming</td>--}}
{{--                                                <td>Feb-21-2018 , 16:54</td>--}}
{{--                                                <td class="font-weight-semibold fs-16"> $54</td>--}}
{{--                                                <td>150 ساعه</td>--}}
{{--                                                <td>--}}
{{--                                                    <a class="btn btn-primary btn-sm text-white mb-1" data-toggle="tooltip" data-original-title="View">--}}
{{--                                                        <i class="fa fa-eye"></i>--}}
{{--                                                    </a>--}}
{{--                                                    <a class="btn btn-secondary btn-sm text-white mb-1" data-toggle="tooltip" data-original-title="Delete">--}}
{{--                                                        <i class="fa fa-trash"></i>--}}
{{--                                                    </a>--}}

{{--                                                </td>--}}
{{--                                            </tr>--}}
{{--                                            </tbody>--}}
{{--                                        </table>--}}

{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection

@section('inner_js')
    <script>
        $(document).ready(function () {

            $('.edit-btn').click(function () {
                $($(this).data('target')).removeAttr('readonly');
                $($(this).data('target')).addClass('input_style');
            });

            setTimeout(function () {
                $('.alert-success').addClass('d-none');
            }, 2000);

            $('.navs-container').addClass('page-heading')
        })
    </script>
@endsection