@extends('Dashboard.layouts.master')
@section('title', 'Profile | Edit')
@section('css')
@endsection
@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <div class="d-flex flex-column flex-column-fluid">
            <livewire:bread-crumb heading="{{__('translations.profile')}}"
                                  url_1="{{Helper::handle_route('dashboard') }}"
                                  name_1="Home" name_2="{{__('translations.profile')}}"
                                  name_3="{{__('forms.edit')}}"/>

            <div id="kt_app_content" class="app-content flex-column-fluid">
                <!--begin::Content container-->
                <div id="kt_app_content_container" class="app-container container-xxl">
                    <div class="card">
                        <div class="card-body">
                            <div class="col-12 py-3">
                                <div class="container">
                                    <div class=" d-flex row m-0">
                                        <div class="col-12 col-lg-6 my-2">
                                            <form method="POST"
                                                  action="{{Helper::handle_route('profile.update')}}"
                                                  enctype="multipart/form-data">
                                                @csrf
                                                @method('PUT')
                                                <div class="col-12 p-0 main-box shadow">
                                                    <div class="col-12 px-0">
                                                        <div class="col-12 px-3 py-3">
                                                            <span
                                                                class="fas fa-info-circle"></span> Information
                                                        </div>
                                                        <div class="col-12 divider" style="min-height: 2px;"></div>
                                                    </div>
                                                    <div class="col-12 p-3">

                                                        <div class="col-12 p-2">
                                                            <div class="col-12">
                                                                {{__('forms.name')}}
                                                            </div>
                                                            <div class="col-12 pt-3">
                                                                <input type="text" name="name" required min="3"
                                                                       max="190" class="form-control"
                                                                       value="{{ Helper::get_user_authenticated()->name }}"/>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 p-2">
                                                            <div class="col-12">   {{__('forms.choose_timezone')}}</div>
                                                            <div class="col-12 pt-3">
                                                                {{Helper::get_all_time_zone(Helper::get_user_authenticated()->timezone)}}
                                                            </div>
                                                        </div>

                                                        @if(Helper::isSubdomain(request()->getHost()))
                                                        <div class="col-12 p-2">
                                                            <label class="col-form-label text-right col-lg-3 col-sm-12">Frontend
                                                                Link</label>
                                                            <div class="col-12 p2">
                                                                <div class="input-group">
                                                                    <input type="text" class="form-control"
                                                                           id="kt_clipboard_1"
                                                                           readonly
                                                                           value="{{ Helper::getFrontendLink() }}"
                                                                    />
                                                                    <div class="input-group-append">
                                                                        <a href="#" class="btn btn-secondary"
                                                                           data-clipboard="true"
                                                                           data-clipboard-target="#kt_clipboard_1"><i
                                                                                class="fa fa-copy"></i></a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        <div class="col-12 p-2">
                                                            <div class="col-12 pt-3">
                                                                <button
                                                                    class="btn btn-primary">{{__('forms.save')}}</button>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="col-12 col-lg-6 my-2">
                                            <form method="POST"
                                                  action="{{Helper::handle_route('profile.update.password') }}">
                                                @csrf
                                                @method('PUT')
                                                <div class="col-12 p-0 main-box shadow">
                                                    <div class="col-12 px-0">
                                                        <div class="col-12 px-3 py-3">
                                                            <span
                                                                class="fas fa-key"></span> {{__('forms.change_password')}}
                                                        </div>
                                                        <div class="col-12 divider" style="min-height: 2px;"></div>
                                                    </div>
                                                    <div class="col-12 p-3">
                                                        <div class="col-12 p-2">
                                                            <div class="col-12 pt-3">
                                                                <livewire:form.text
                                                                    label=" {{__('forms.current_password')}}"
                                                                    name="old_password" type="password"
                                                                    required="required"/>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 p-2">
                                                            <div class="col-12 pt-3">
                                                                <livewire:form.text
                                                                    label=" {{__('forms.new_password')}}"
                                                                    name="password" type="password"
                                                                    required="required"/>
                                                                <span>Use an 8+ character combination of upper and lowercase letters, digits, and symbols</span>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 p-2">
                                                            <div class="col-12 pt-3">
                                                                <livewire:form.text
                                                                    label="{{__('forms.repeat_new_password')}}"
                                                                    name="password_confirmation" type="password"
                                                                    required="required"/>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 p-2">
                                                            <div class="col-12 pt-3">
                                                                <button
                                                                    class="btn btn-primary">{{__('forms.save')}}</button>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        "use strict";
        // Class definition

        var KTClipboardDemo = function () {

            return {
                // public functions
                init: function () {
                    new ClipboardJS('[data-clipboard=true]').on('success', function (e) {
                        e.clearSelection();
                    });
                }
            };
        }();

        jQuery(document).ready(function () {
            KTClipboardDemo.init();
        });
    </script>
@endsection