@extends('layouts.admin.app')

@section('page-title')
    {{ __('Dashboard') }}
@endSection

@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1> {{ __('doctors') }}</h1>
            <p>{{ __('edit-doctor') }}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Dashboard') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.doctor.index') }}">{{ __('doctors') }}</a></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Edit') }}</a></li>
        </ul>
    </div>
@endsection

@section('css-links')
    <link rel="stylesheet" href="{{ asset('assets/css/utils/week_days.css') }}">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="{{ asset('path/to/select2.min.css') }}">
@endsection

@section('content')
    <dialog id="add-schedule-dialog" style="z-index: 10;">
        <button id="close" aria-label="close" style="cursor: pointer" onclick="closeBtn(addScheduleDialog)">X</button>
        @include('admin.doctor.schedule.create')
    </dialog>

    <dialog id="add-account-dialog" style="z-index: 10; width: 65%">
        <button id="close" aria-label="close" style="cursor: pointer" onclick="closeBtn(addAccountDialog)">X</button>
        <form method="POST" action="{{ route('admin.doctor.account.store') }}" enctype="multipart/form-data">
            @method('POST')
            @csrf
            <input type="hidden" name="doctor_id" value="{{ $doctor->id }}">
            <div class="tile">
                <input type="hidden" name="_method" value="POST">
                <h3 class="tile-title"> {{ __('create') }}</h3>
                <div class="tile-body">
                    <div class="row">
                        <div class="col">
                            <div class="form-group">
                                <label class="control-label required">{{ __('account_type') }}</label>
                                <select class="form-control @if ($errors->has('account_type')) is-invalid @endif" id="account_type" name="account_type">
                                    <option></option>
                                    @foreach ($account_types as $account_type)
                                        <option value="{{ $account_type->id }}" @if ($doctor->has_account === 1) selected @endif>
                                            {{ $account_type->name_en }}</option>
                                    @endforeach
                                </select>
                            </div>
                            @error('account_type')
                                <div class="input-error">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label class="control-label">{{ __('account number') }}</label>
                                <textarea style="height: 40px" class="form-control @if ($errors->has('account_number')) is-invalid @endif" type="text" name="account_number" value="{{ $account_type->id }}" placeholder="{{ __('enter account number') }}" @if ($doctor->has_account === 1) selected @endif>{{ $doctor->account_number }}</textarea>
                            </div>
                            @error('account_number')
                                <div class="input-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="row">
                        <div class="col">
                            <div class="form-group">
                                <label class="control-label">{{ __('account name') }}</label>
                                <textarea style="height: 40px" class="form-control @if ($errors->has('account_name')) is-invalid @endif" type="text" name="account_name" placeholder="{{ __('enter account name') }}" value="{{ $account_type->id }}" @if ($doctor->has_account === 1) selected @endif>{{ $doctor->account_name }}</textarea>
                            </div>
                            @error('account_name')
                                <div class="input-error">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label class="control-label">{{ __('account information') }}</label>
                                <textarea style="height: 40px" class="form-control @if ($errors->has('account_information')) is-invalid @endif" type="text" name="account_information" value="{{ $account_type->id }}" placeholder="{{ __('enter account information') }}" @if ($doctor->has_account === 1) selected @endif>{{ $doctor->account_information }}</textarea>
                            </div>
                            @error('account_information')
                                <div class="input-error">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                </div>
                <div class="tile-footer">
                    <div class="row">
                        <button type="submit" class="btn btn-primary">
                            <i class="fa fa-fw fa-lg fa-check-circle"></i> {{ __('create') }}
                        </button>

                        <button id="close-button" class="btn btn-primary" style="margin-left: 16px; margin-right: 16px;">
                            {{ __('cancel') }}
                        </button>
                    </div>
                </div>

            </div>
        </form>
    </dialog>

    <dialog id="edit-account-dialog" style="z-index: 10; width: 65%">
    </dialog>

    <dialog id="edit-schedule-dialog" style="z-index: 10; width: 65%">
    </dialog>

    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{ __('edit-doctor') }}</h3>
                <form method="POST" action="{{ route('admin.doctor.update', $doctor->id) }}" enctype="multipart/form-data">
                    @method('POST')
                    @csrf
                    <div class="tile-body">

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('en-name') }}</label>
                                    <input class="form-control @if ($errors->has('name_en')) is-invalid @endif" type="text" name="name_en" placeholder="{{ __('enter-en-name') }}" value="{{ $doctor->name_en }}">
                                </div>
                                @error('name_en')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('ar-name') }}</label>
                                    <input class="form-control @if ($errors->has('name_ar')) is-invalid @endif" type="text" name="name_ar" placeholder="{{ __('enter-ar-name') }}" value="{{ $doctor->name_ar }}">
                                </div>
                                @error('name_ar')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('phone-number') }}</label>
                                    <input class="form-control @if ($errors->has('phone_number')) is-invalid @endif" type="text" name="phone_number" placeholder="{{ __('enter-phone-number') }}" value="{{ $doctor->phone_number }}">
                                </div>
                                @error('phone_number')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('email') }}</label>
                                    <input class="form-control @if ($errors->has('email')) is-invalid @endif" type="email" name="email" placeholder="{{ __('enter-email') }}" value="{{ $doctor->email }}">
                                </div>
                                @error('email')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('en-description') }}</label>

                                    <textarea style="height: 40px;" class="form-control @if ($errors->has('en_description')) is-invalid @endif" id="en_description" placeholder="{{ __('enter-description') }}" rows="5" name="en_description">{{ inputValue('description_en', $doctor) }}</textarea>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('ar-description') }}</label>
                                    <textarea style="height: 40px;" class="form-control @if ($errors->has('doctor_description')) is-invalid @endif" id="doctor_description" placeholder="{{ __('enter-description') }}" rows="5" name="doctor_description">{{ inputValue('description', $doctor) }}</textarea>
                                </div>
                            </div>
                        </div>
                        @error('payment')
                            <div class="input-error">{{ $message }}</div>
                        @enderror

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>{{ __('Services') }}</label>
                                    <select class="form-control js-basic-single-select2" name="services[]" id="services" multiple="multiple" style="width: 207%">
                                        <optgroup label="{{ __('Choose Services') }}">
                                            @foreach ($services as $service)
                                                <option value="{{ $service->id }}" {{ in_array($service->id, $doctor->services->pluck('id')->toArray()) ? 'selected' : '' }}>
                                                    {{ $service->getNameAttribute() }}
                                                </option>
                                            @endforeach
                                        </optgroup>
                                    </select>
                                    <div class="invalid-feedback" style="display: none"></div>
                                </div>
                                @error('services')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <hr>
                        <input type="hidden" value="{{ $doctor->request_type }}" id="requestType">
                        <div class="row" style="padding-top: 10px">
                            <div class="col-lg-3">
                                <div id="showOfflinePrice" style="display: none">
                                    <label class="control-label">{{ __('Offline Price') }}</label>
                                    <input class="form-control" type="number" name="offline_price" min="0" value="{{ $doctor->offline_price }}">

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

                        @if (count($accounts))
                            <table class="table table-hover table-bordered text-center" id="sampleTable">
                                <thead>
                                    <tr>
                                        <th>{{ __('account-type') }}</th>
                                        <th>{{ __('account-number') }}</th>
                                        <th>{{ __('account-name') }}</th>
                                        <th>{{ __('account-information') }}</th>
                                        <th>{{ __('control') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($accounts as $acc)
                                        <tr>
                                            <td>{{ $acc->accountType->name_en }}</td>
                                            <td>{{ $acc->account_number }}</td>
                                            <td>{{ $acc->account_name }}</td>
                                            <td>{{ $acc->account_information }}</td>
                                            <td>
                                                <i class="fas fa-edit control-link edit edit-account-button" data-account-id="{{ $acc->id }}"></i>
                                                {{-- <form
                                                action="{{ route('admin.doctor.account.destroy', ['id' => $acc->id]) }}"
                                                method="post" id="delete{{ $acc->id }}" style="display: none"
                                                data-swal-title="{{ __('delete') }}"
                                                data-swal-text="{{ __('delete-confirmation') }}"
                                                data-yes="{{ __('yes') }}" data-no="{{ __('no') }}"
                                                data-success-msg="{{ __('deletion-success') }}">@csrf
                                                @method('fe')
                                            </form> <span href="#" class="control-link remove form-confirm"
                                                data-form-id="#delete{{ $acc->id }}"><i
                                                    class="far fa-trash-alt"></i></span> --}}



                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>

                            </table>
                        @else
                            <p>{{ __('doctor-has-no-accounts') }}</p>
                        @endif

                        {{-- <button id="add-account-btn" type="button" class="btn btn-secondary" style="margin-left: 48rem"> {{ __('add-account') }}
                        </button> --}}

                        <hr>
                        <h3>{{ __('work-schedule') }}</h3>
                        <table class="table table-hover table-bordered" id="sampleTable">
                            <thead>
                                <tr>
                                    <td>{{ __('date-from') }}</td>
                                    <td>{{ __('date-to') }}</td>
                                    <td>{{ __('control') }}</td>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($timeSlotTypes as $t)
                                    <tr>
                                        <td>{{ $t->date_from === '2000-01-01' ? 'default' : $t->date_from }}</td>
                                        <td>{{ $t->date_to === '3000-01-01' ? 'default' : $t->date_to }}</td>

                                        <td>
                                            <i class="fas fa-edit control-link edit edit-schedule-button" data-schedule-id="{{ $t->id }}"></i>
                                            {{-- <form action="{{ route('admin.doctor.schedule.destroy', $t->id) }}"
                                            method="post" id="delete{{ $t->id }}" style="display: none"
                                            data-swal-title="{{ __('delete') }}"
                                            data-swal-text="{{ __('delete-confirmation') }}"
                                            data-yes="{{ __('yes') }}" data-no="{{ __('no') }}"
                                            data-success-msg="{{ __('deletion-success') }}">@csrf @method('delete')
                                        </form>
                                        <span href="#" class="control-link remove form-confirm"
                                            data-form-id="#delete{{ $t->id }}"><i
                                                class="far fa-trash-alt"></i></span> --}}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <div>
                            <button id="add-schedule-btn" type="button" class="btn btn-secondary" style="margin-left: 48rem"> {{ __('add-time-schedule') }}
                            </button>
                        </div>

                        <hr>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('Ar Profile Image') }}</label>
                                    <div>
                                        <button class="btn btn-primary form-control button-upload-file">
                                            <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images-ar" type="file" name="profile_image_ar" onchange="previewImage(this, 'preview-ar')">
                                            <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{ __('Upload Photo') }}</span>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                                @error('profile_image_ar')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6 mt-3 p-0">
                                <div class="images">
                                    <div class="uploaded-images">
                                        <img id="preview-ar" src="{{ asset($doctor->profile_pic_ar) }}" alt="Preview" style="width: 80px; height: 80px;">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('En Profile Image') }}</label>
                                    <div>
                                        <button class="btn btn-primary form-control button-upload-file">
                                            <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images-en" type="file" name="profile_image_en" onchange="previewImage(this, 'preview-en')">
                                            <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{ __('Upload Photo') }}</span>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                                @error('profile_image_en')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6 mt-3 p-0">
                                <div class="images">
                                    <div class="uploaded-images">
                                        <img id="preview-en" src="{{ asset($doctor->profile_pic_en) }}" alt="Preview" style="width: 80px; height: 80px;">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('Personal Image') }}</label>
                                    <div>
                                        <button class="btn btn-primary form-control button-upload-file">
                                            <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-personal-images" type="file" name="personal_image" onchange="previewImage(this, 'preview-personal')">
                                            <span class="upload-file-content">

                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{ __('Upload Photo') }}</span>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                                @error('personal_image')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6 mt-3 p-0">
                                <div class="images">
                                    <div class="uploaded-images">
                                        <img id="preview-personal" src="{{ asset($doctor->personal_pic) }}" alt="Preview" style="width: 80px; height: 80px;">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr>
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12">
                                    <br>
                                    <h3 class="tile-title mb-0">{{ __('doctor-schedule-chat') }}</h3><br>
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <thead class="thead-light">
                                                <tr class="text-center">
                                                    <th scope="col" width="25%">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox" id="checkedAll" style="margin-top: {{ App::getLocale() == 'ar' ? '9px' : '0px' }}" @if ($scheduleChats == 7) checked @endif>
                                                            <label class="form-check-label" for="checkedAll" style="margin-right: {{ App::getLocale() == 'ar' ? '20px !important' : '0px' }}">
                                                                {{ __('Day') }}
                                                            </label>
                                                        </div>
                                                    </th>
                                                    <th scope="col" width="25%">{{ __('time-from') }}</th>
                                                    <th scope="col" width="25%">{{ __('time-to') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>