@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1> {{__("Specialist")}}</h1>
            <p>{{__("Create Specialist")}}</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.specialist.index")}}">{{__("specialist")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Create")}}</a></li>
        </ul>
    </div>
@endsection

@section("content")

    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__("Create Specialist")}}</h3>

                <div class="tile-body">

                    <div>
                        <form method="post" action="{{route("admin.specialist.store")}}" enctype="multipart/form-data">

                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("full-name")}}</label>
                                        <input class="form-control @if($errors->has('full_name')) is-invalid @endif"
                                               type="text" name="full_name" placeholder="{{__("enter-full-name")}}"
                                               >
                                    </div>
                                    @error("full_name")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("phone-number")}}</label>
                                        <input class="form-control @if($errors->has('phone_number')) is-invalid @endif"
                                               type="text" name="phone_number"
                                               placeholder="{{__("enter-phone-number")}}"
                                               >
                                    </div>
                                    @error("phone_number")
                                    <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 required">{{__("email")}}</label>
                                        <input class="form-control @if($errors->has('email')) is-invalid @endif"
                                               type="email" name="email" placeholder="{{__("enter-email")}}"
                                               >
                                    </div>
                                    @error("email")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("specialization")}}</label>
                                        <select class="form-control @if($errors->has('specialization')) is-invalid @endif"
                                                id="specialization" name="specialization[]" multiple>
                                            @foreach($specializations as $specialization)
                                                <option value="{{$specialization->id}}" >{{$specialization->name_en}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @error("specialization")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    <label class="control-label">{{__("about-specialist")}}</label>
                                    <textarea style="height: 40px" class="form-control @if($errors->has('specialist_description')) is-invalid @endif" type="text" name="specialist_description" placeholder="{{__("enter-description")}}"></textarea>
                                </div>

                                <div class="col">
                                    <label class="control-label">{{__("Users")}}</label>
                                    <select class="form-control @if($errors->has('account_type')) is-invalid @endif"
                                            id="user" name="user">
                                        @foreach($users as $user)
                                            <option value="{{$user->id}}" >{{$user->phone_number}}</option>
                                        @endforeach
                                    </select>
                                </div>

                            </div>

                            <div class="row">

                            </div>
                            <hr>
                            <label class="control-label required"
                                   style="padding-top: 10px">{{__("Consultation Type")}}</label>
                            <div class="row" style="padding-top: 10px">
                                <div class="col-lg-2">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">

                                            <label class="control-label" style="display:flex"><input type="radio"  class="checkbox_check" id="onlinePrice" name="ConsultationType[]" value=1  style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Online")}}
                                            </label>
                                        </div>
                                    </div>
                                    <div id="showOnlinePrice">
                                        <label class="control-label required  @if($errors->has('online_price')) is-invalid @endif">{{__("Online Price")}}</label>
                                        <input class="form-control" type="number" min="1" name="online_price"  >

                                    </div>

                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">
                                            <label class="control-label" style="display:flex"><input type="radio" id="offlinePrice"  class="checkbox_check" name="ConsultationType[]" value=0  style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Offline")}}
                                            </label>
                                        </div>
                                    </div>

                                    <div id="showOfflinePrice">
                                        <label class="control-label required">{{__("Offline Price")}}</label>
                                        <input class="form-control" type="number" min="1" name="offline_price" >

                                    </div>

                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">
                                            <label class="control-label" style="display:flex"><input type="radio"  class="checkbox_check" id="both" name="ConsultationType[]" checked value=2 style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Both")}}
                                            </label>
                                        </div>
                                    </div>
                                </div>

                            </div>


                            <div id="show" style="margin-top: 10px">


                                    <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[]">
                                                    @foreach($account_types as $account_type)
                                                        <option value="{{$account_type->id}}" >{{$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[]"
                                                          placeholder="{{__("enter-description")}}"></textarea>
                                            </div>
                                            @error("specialist_description")
                                            <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")}}"></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[]"
                                                          placeholder="{{__("enter-accountinformation")}}"></textarea>
                                            </div>
                                            @error("account_information")
                                            <div class="input-error">{{$message}}</div>
                                            @enderror                                    </div>
                                    </div>
                                    <hr>

                                <div id="accountInfo">
                                </div>
                                <a class="addAcount"><i class="fa fa-fw fa-lg fa-plus-circle mt-3"
                                                        style="font-size: 18px; color: green; cursor: pointer"
                                    ></i></a>

                            </div>


                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">{{__("specialist-photo")}}</label>
                                        <div>
                                            <button class="btn btn-info form-control button-upload-file ms-5" >
                                                <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images" type="file"  name="specialist_image">
                                                <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("item_image")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-3 col-md-5 col-sm-6">
                                    <div class="uploaded-images" >
                                        <div class="img-container">
                                            <img src="" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6">
                                <div class="uploaded-images"></div>
                            </div>
                            <div class="tile-footer">
                                <button style="background-color: darkblue" type="submit" class="btn btn-primary">
                                    <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Create")}}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection
@section("scripts")
    <script type="text/javascript">
        $("#specialization").select2({
            placeholder: "{{__('select-specialization')}}",
            width: "100%",
        });
        $("#object").select2({
            placeholder: "{{__('select-clinic')}}",
            width: "100%",
        });
        $("#time_slot_type").select2({
            placeholder: "{{__('select-time-slot-type')}}",
            width: "100%",
        });
        $("#user_id").select2({
            placeholder: "{{__('select-user')}}",
            width: "100%",
        });

        $("#has_account").change(function() {
            if ($(this).is(':checked')) {
                $("#show").show();
            } else {
                $("#show").hide();
            }
        });


        $(".addAcount").click(function () {
            $("#accountInfo").append(`
            <hr>
                 <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}}" {{ old('account_type') == $account_type->id ? "selected" : "" }}>{{$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[]"
                                                                                      placeholder="{{__("enter-description")}}">{{inputValue("account_number")}}</textarea>
                                                                        </div>
                                                                        @error("doctor_description")
            <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")}}">{{inputValue("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[]"
                                                                                      placeholder="{{__("enter-accountinformation")}}">{{inputValue("account_information")}}</textarea>
                                                                        </div>
                                                                        @error("account_information")
            <div class="input-error">{{$message}}</div>
                                                                        @enderror                                    </div>
                                                                </div>

            `)
        });

        $("#onlinePrice").click(function() {
            if ($(this).val() === "1") {
                $("#showOnlinePrice").show();
                $("#showOfflinePrice").hide();

            } else {
                $("#showOnlinePrice").hide();
                $("#showOfflinePrice").hide();
            }
        });

        $("#offlinePrice").click(function() {
            if ($(this).val() === "0") {
                $("#showOfflinePrice").show();
                $("#showOnlinePrice").hide();
            } else {
                $("#showOnlinePrice").hide();
                $("#showOfflinePrice").hide();
            }
        });
        $("#both").click(function() {
            if ($(this).val() === "2") {
                $("#showOfflinePrice").show();
                $("#showOnlinePrice").show();
            } else {
                $("#showOnlinePrice").hide();
                $("#showOfflinePrice").hide();
            }
        });


    </script>

@endsection