@extends('layouts.app')

@section('styles')
    <!-- INTERNAL Rating css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/rating/css/examples.css') }}">

    <!-- INTERNAl Themes  css-->
    <link rel="stylesheet" href="{{ asset('assets/plugins/rating/dist/themes/fontawesome-stars.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/rating/dist/themes/css-stars.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/rating/dist/themes/bootstrap-stars.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/rating/dist/themes/fontawesome-stars-o.css') }}">

    <!-- INTERNAL Fullcalendar css-->
    <link href='{{ asset('assets/plugins/fullcalendar/fullcalendar.css') }}' rel='stylesheet'/>
    <link href='{{ asset('assets/plugins/fullcalendar/fullcalendar.print.min.css') }}' rel='stylesheet' media='print'/>
@endsection

@section('content')
    <!--Page header-->
    <div class="page-header">
        <div class="page-leftheader">
            <h4 class="page-title mb-0 text-primary">مقدمي الخدمات </h4>
        </div>
    </div>
    <!--End Page header-->

    <!-- Row -->
    <div class="card">
        <div class="row g-0">
            <div class="col-lg-12 col-xl-12">
                <div class="">
                    <div class="main-content-body main-content-body-contacts">
                        <div class="main-contact-info-header bg-contacthead">
                            <div class="media">
                                <div class="main-img-user brround">
                                    <img alt="" src="{{ $provider->image_path }}" class="w-100 h-100 br-7">
                                    <i class="fe fe-camera"></i>
                                </div>
                                <div class="media-body text-white">
                                    <h4 class="text-white">{{ $provider->first_name . ' ' . $provider->last_name }}</h4>
                                    <p class="">{{ $provider->specializations->implode('name') }}</p>
                                    <nav class="nav contact-icons">
                                        <a role="button" class="btn text-white bg-white-50 me-2 mb-2 ms-2"
                                           href="javascript:void(0);"><i
                                                class="fe fe-dollar-sign"></i> {{ $provider->wallet }} </a>
                                    </nav>
                                </div>
                            </div>
                            <div class="main-contact-action">
                                @if($provider->status==0 || $provider->status==2)
                                    {{--<a href="{{ route('admin.providers.status', ['id'=>$provider->id,'status'=>1]) }}"--}}
                                       {{--class="btn btn-success ">قبول</a>--}}
                                    <form id="accept" action="{{ route('admin.providers.status', ['id'=>$provider->id]) }}" method="post">
                                        @csrf
                                        <input hidden name="status" value="1">
                                        <button type="submit" class="btn btn-success ">قبول</button>

                                    </form>
                                @endif
                                @if($provider->status==0)
                                    <a class="btn btn-danger btn-sm" data-bs-target="#modalReject"
                                       data-bs-toggle="modal">رفض</a>

                                @endif
                                    @if($provider->status==0 || $provider->status==2)
                                        <a data-bs-target="#modalChange" data-bs-toggle="modal"
                                           class="btn btn-info btn-sm">تعديل بيانات</a>
                                    @endif
                                    <div class="modal fade" id="modalReject">
                                        <div class="modal-dialog" role="document">
                                            <form action="{{ route('admin.providers.status',['id'=>$provider->id]) }}"
                                                  method="post">
                                                @csrf
                                                <div class="modal-content modal-content-demo">
                                                    <div class="modal-header">
                                                        <h6 class="modal-title">السبب</h6>
                                                        <button aria-label="Close" class="btn-close"
                                                                data-bs-dismiss="modal" type="button"><span
                                                                aria-hidden="true">&times;</span></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <input hidden name="status" value="2">
                                                        <input name="reason" class="form-control">
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button class="btn btn-primary" type="submit">حفظ
                                                        </button>
                                                        <button class="btn btn-secondary"
                                                                data-bs-dismiss="modal" type="button">اغلاق
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal fade" id="modalChange">
                                        <div class="modal-dialog" role="document">
                                            <form action="{{ route('admin.providers.status',['id'=>$provider->id]) }}"
                                                  method="post">
                                                @csrf
                                                <div class="modal-content modal-content-demo">
                                                    <div class="modal-header">
                                                        <h6 class="modal-title">اشعار التعديل</h6>
                                                        <button aria-label="Close" class="btn-close"
                                                                data-bs-dismiss="modal" type="button"><span
                                                                aria-hidden="true">&times;</span></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <input hidden name="status" value="0">
                                                        <input name="reason" class="form-control">
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button class="btn btn-primary" type="submit">حفظ
                                                        </button>
                                                        <button class="btn btn-secondary"
                                                                data-bs-dismiss="modal" type="button">اغلاق
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                {{--<a href="" class="btn btn-success">تعديل</a>--}}
                                {{--<a href="" class="btn btn-danger">حذف</a>--}}
                            </div>
                        </div>
                        <div class="main-contact-info-body">
                            <div class="card-body">
                                <h6 class="text-primary">نبذة</h6>
                                <p class="text-muted">
                                    {!! $provider->bio !!}
                                </p>
                            </div>
                            <div class="media-list p-0">
                                <div class="media py-4 mt-0">
                                    <div class="media-body">
                                        <div class="d-flex">
                                            <div class="media-icon bg-primary-transparent border-primary me-3 mt-1">
                                                <i class="fa fa-phone"></i>
                                            </div>
                                            <div>
                                                <label>رقم الهاتف</label>
                                                <span class="font-weight-normal1 fs-14">{{ $provider->phone }}</span>
                                            </div>
                                        </div>
                                        <div class="d-flex">
                                            <div class="media-icon bg-primary-transparent border-primary me-3 mt-1">
                                                <i class="fa fa-envelope"></i>
                                            </div>
                                            <div>
                                                <label>البريد الإلكتروني</label>
                                                <span class="font-weight-normal1 fs-14">{{ $provider->email }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="media py-4 border-top mt-0">
                                    <div class="media-body">
                                        <div class="d-flex">
                                            <div class="media-icon bg-primary-transparent border-primary me-3 mt-1">
                                                <i class="fa fa-envelope"></i>
                                            </div>
                                            <div>
                                                <label>التخصصات</label>
                                                <span
                                                    class="font-weight-normal1 fs-14">{{ $provider->specializations->implode('name') }}</span>
                                            </div>
                                        </div>
                                        <div class="d-flex">
                                            <div class="media-icon bg-primary-transparent border-primary me-3 mt-1">
                                                <i class="fa fa-envelope"></i>
                                            </div>
                                            <div>
                                                <label>المراحل الدراسية</label>
                                                <span
                                                    class="font-weight-normal1 fs-14">{{ $provider->educational_stages->implode('name') }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="media py-4 border-top mt-0">
                                    <div class="media-body">
                                        <div class="d-flex">
                                            <div class="media-icon bg-primary-transparent border-primary me-3 mt-1">
                                                <i class="fa fa-map-marker"></i>
                                            </div>
                                            <div>
                                                <label>المدينه \ الجنسية</label>
                                                <span class="font-weight-normal1 fs-14">
                                                    {{ $provider->city->name . ' / ' . $provider->nationality->name }}
                                                </span>
                                            </div>
                                        </div>
                                        <div class="d-flex">
                                            <div class="media-icon bg-primary-transparent border-primary me-3 mt-1">
                                                <i class="fa fa-star"></i>
                                            </div>
                                            <div>
                                                <label>التقييم</label>

                                                <div class="star-ratings left-ratings-main clearfix  mt-5 mb-5">
                                                    <div class="stars stars-example-fontawesome">
                                                        <select id="example-fontawesome" name="rating"
                                                                autocomplete="off">

                                                            @for ($i = 1; $i <= $provider->rate; $i++)
                                                                <option value="{{ $i }}">
                                                                    {{ $i }}</option>
                                                            @endfor
                                                        </select>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <x-form.form title="ارسال بريد" method="post" action="{{ route('admin.send-provider-email',$provider->id)}}">
                                <x-form.textarea id="reply" name='reply'
                                                 title="الرسالة" />
                                <button type="submit" class="btn btn-primary mt-4 mb-0">ارسال</button>


                            </x-form.form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Row -->

    @include('provider::content')


    <!-- Row -->
    <div class="row	">
        <div class="col-lg-3">
            <div class="card">
                <div class="card-body p-0">
                    <div class="card-body">
                        <nav class="nav main-nav-column main-nav-calendar-event mb-2" id="external-events-list">
                            <a class="nav-link d-flex mb-2 p-2 br-3 bg-primary-transparent fc-event"
                               data-class="bg-primary-transparent" href="">
                                <span class="p-1 bg-primary ms-2 me-3 br-3"></span>
                                <div>مواعيد الكورسات</div>
                            </a>
                            <a class="nav-link d-flex mb-2 p-2 bg-success-transparent br-3 fc-event"
                               data-class="bg-success-transparent" href="">
                                <span class="p-1 bg-success ms-2 me-3 br-3"></span>
                                <div>مواعيد المقررات</div>
                            </a>

                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-9">
            <div class="card">
                <div class="card-body">
                    <div class="" id="calendar"></div>
                </div>
            </div>
        </div>
    </div>

    @include('provider::modals')
@endsection('content')

@section('scripts')
    <!--INTERNAL  Contact js -->
    <script src="{{ asset('assets/js/contact.js') }}"></script>
    <!-- INTERNAL Rating js-->
    <script src="{{ asset('assets/plugins/rating/jquery.rating-stars.js') }}"></script>
    <script src="{{ asset('assets/plugins/rating/jquery.barrating.js') }}"></script>
    <script src="{{ asset('assets/plugins/rating/js/examples.js') }}"></script>


    <!-- INTERNAL Full-calendar js-->
    <script src='{{ asset('assets/plugins/fullcalendar/moment.min.js') }}'></script>
    <script src='{{ asset('assets/plugins/fullcalendar/fullcalendar.min.js') }}'></script>
    {{-- <script src="{{ asset('assets/js/app-calendar.js') }}"></script> --}}
    @include('provider::calendar')
@endsection