@extends('frontend.layouts.main')
@section('title') {{$$module_name_singular->name}} @endsection

@section('content')
<div class="bg-header-hashtag bg-gray-100 shadow-md"
    style="background-image: url({{asset('img/banner/bg_news.jpg')}});">
    <div class="container flex items-center px-4 py-1 md:py-5 mx-auto overflow-y-auto whitespace-nowrap">
        <div class="md:max-h-64 h-58 align-middle w-full relative">
            <div class="px-3 py-1 md:py-3 align-middle shadow-lg flex justify-center items-center">

                <div class="py-2 justify-center items-center text-center mt-2">
                    
              <div class="relative mx-auto bg-gray-200 w-20 h-20 rounded-full">
                <img class="mx-auto h-auto w-full rounded-full" src="{{ asset(@$$module_name_singular->avatar) }}" title="{{ $$module_name_singular->fullname }}" />
              </div>

                 <div class="uppercase font-bold text-white text-base md:text-xl my-1 mb-0">
                {{ $$module_name_singular->fullname }}

                  <div class="text-sm capitalize font-normal text-center leading-tight text-yellow-400">
                    {{ $$module_name_singular->username }}
                </div>
                </div>
               <div class="flex gap-2 justify-center items-center text-gray-300 font-normal">
                 <span class="font-bold">{{ $$module_name_singular->beritas->count() }}</span> artikel | 
                  <span class="font-bold">{{ $$module_name_singular->beritas->sum('read') }}</span> Pembaca
               </div>
              
           


                </div>

             



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

  <!-- Whats New Start -->
    <section class="whats-news-area pt-20 mt-2 pb-20">
        <div class="container">
            <div class="row">
            <div class="col-lg-8">
                  <div class="card bg-white border-light shadow-soft flex-md-row no-gutters p-4">
                    <div class="card-body d-flex flex-column justify-content-between col-auto py-4 p-lg-5">
                        <div class="row mt-4 mb-4">
                            <div class="col">
                                {{ html()->form('PATCH', route('frontend.users.changePasswordUpdate', auth()->user()->username))->class('form-horizontal')->open() }}

                                <div class="form-group row">
                                    {{ html()->label(__('labels.backend.users.fields.password'))->class('col-md-3 form-control-label')->for('password') }}

                                    <div class="col-md-9">
                                        {{ html()->password('password')
                                            ->class('form-control')
                                            ->placeholder(__('labels.backend.users.fields.password'))
                                            ->required() }}
                                    </div>
                                </div><!--form-group-->

                                <div class="form-group row">
                                    {{ html()->label(__('labels.backend.users.fields.password_confirmation'))->class('col-md-3 form-control-label')->for('password_confirmation') }}

                                    <div class="col-md-9">
                                        {{ html()->password('password_confirmation')
                                            ->class('form-control')
                                            ->placeholder(__('labels.backend.users.fields.password_confirmation'))
                                            ->required() }}
                                    </div>
                                </div><!--form-group-->

                                <div class="row">
                                    <div class="col">
                                        <div class="row">
                                            <div class="col-4">
                                                <div class="form-group">
                                                    {{ html()->button($text = "<i class='fas fa-save'></i>&nbsp;Save", $type = 'submit')->class('btn btn-success') }}

                                                    <a href="{{ route("frontend.$module_name.profile", auth()->user()->username) }}" class="btn btn-warning" data-toggle="tooltip" title="{{__('labels.backend.cancel')}}"><i class="fas fa-reply"></i>&nbsp;Back</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{ html()->closeModelForm() }}
                            </div>
                            <!--/.col-->
                        </div>
                    </div>
                </div>   


            </div>


            <div class="col-lg-4 md:border-l md:border-gray-300">
                     <div class="px-2 pt-4 pb-8">
                    <ul class="space-y-2">
                        <li>
                            <a  href="{{ route('backend.dashboard') }}" class="bg-gray-600 bg-opacity-30 text-red-500 flex items-center justify-between py-1.5 px-4 rounded cursor-pointer">
                                <span class="flex items-center space-x-2">
                                    <i class="fas fa-home" aria-hidden="true"></i>
                                    <span>Dashboard</span>
                                </span>
                                <span class="bg-sky-500 text-gray-100 font-bold px-2 py-0.5 text-xs rounded-lg">3</span>
                            </a>
                        </li>
                        @auth
                        @if(auth()->user()->id == $$module_name_singular->id)
                        
                        <li>
                            <a href="{{ route('frontend.users.profileEdit', [encode_id($$module_name_singular->id), $$module_name_singular->slug]) }}" title="@lang('Edit Profile')" class="hover:bg-gray-500 hover:bg-opacity-10 hover:text-red-500 font-semibold flex items-center text-gray-700 py-1.5 px-4 border-b rounded space-x-2 cursor-pointer">
                                <i class="far fa-edit" aria-hidden="true"></i>
                                <span>@lang('Edit Profile')</span>
                            </a>
                        </li>
                        
                        @endif
                        @endauth
                        
                        <li>
                            <a href="{{ route('frontend.users.changePassword', [encode_id($$module_name_singular->id), $$module_name_singular->slug]) }}"  title="@lang('changePassword')" class="hover:bg-gray-500 hover:bg-opacity-10 hover:text-red-500 font-semibold flex items-center text-gray-700 py-1.5 px-4 border-b rounded space-x-2 cursor-pointer">
                                <i class="fa fa-lock" aria-hidden="true"></i>
                                <span>@lang('change Password')</span>
                            </a>
                        </li>
                        <li>
                            <a  href="{{ route('backend.berita.create') }}"  title=" Tambah Berita" class="hover:bg-gray-500 hover:bg-opacity-10 hover:text-red-500 font-semibold flex items-center border-b text-gray-700 py-1.5 px-4 rounded space-x-2 cursor-pointer">
                                <i class="far fa-calendar" aria-hidden="true"></i>
                                <span> Tambah Berita</span>
                            </a>
                        </li>
                        <li>
                            <a  href="{{ route('backend.berita.index') }}"  title=" Tambah Berita" class="hover:bg-gray-500 hover:bg-opacity-10 hover:text-red-500 font-semibold flex items-center border-b text-gray-700 py-1.5 px-4 rounded space-x-2 cursor-pointer">
                                <i class="fa fa-list" aria-hidden="true"></i>
                                <span> List Berita</span>
                            </a>
                        </li>
                    </ul>
                    
                </div>
            </div>
            </div>
        </div>
    </section>
    <!-- Whats New End -->

@endsection


@push ('after-styles')


@endpush

@push ('after-scripts')

@endpush