@extends('vendor.site-bases.website.layouts.master')

@section('title', trans('title.change_password'))

@section('page_title', trans('title.change_password'))

@section('breadcrumbs')
    {!! Breadcrumbs::render('change_password') !!}
@endsection

@section('content')
    @include('partials.profile-sidebar')
    @if (count($errors) > 0)
        <section class="error_section container">
            <ul>
                @foreach ($errors->getMessages() as $messages)
                    @foreach ($messages as $text)
                        <li>{{ $text }}</li>
                    @endforeach
                @endforeach
            </ul>
        </section>
    @endif
    <section class="profile_section container">
        @if (session('success'))
            <div class="alert-success">
                {{ session('success') }}
            </div>
        @endif
        <form action="" method="POST">
            @csrf
            <div class="input_group">
                <input type="password" id="old_password" name="old_password" required placeholder="@lang('site.old_password')">
                <svg id="Group_6812" data-name="Group 6812" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.005 20.005">
                    <path id="Path_4738" data-name="Path 4738" d="M0,0H20V20H0Z" fill="none"/>
                    <path id="Path_4739" data-name="Path 4739" d="M4.778,17.249H6.035l8.279-8.293L13.057,7.7,4.778,15.99ZM19,19.029H3V15.252L14.942,3.29a.888.888,0,0,1,1.257,0l2.515,2.519a.891.891,0,0,1,0,1.259L8.549,17.249H19ZM14.314,6.438,15.571,7.7l1.257-1.259L15.571,5.179,14.314,6.438Z" transform="translate(-0.999 -1.024)"/>
                </svg>
            </div>
            <div class="input_group">
                <input type="password" required name="password" placeholder="@lang('site.new_password')">
                <svg id="Group_6812" data-name="Group 6812" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.005 20.005">
                    <path id="Path_4738" data-name="Path 4738" d="M0,0H20V20H0Z" fill="none"/>
                    <path id="Path_4739" data-name="Path 4739" d="M4.778,17.249H6.035l8.279-8.293L13.057,7.7,4.778,15.99ZM19,19.029H3V15.252L14.942,3.29a.888.888,0,0,1,1.257,0l2.515,2.519a.891.891,0,0,1,0,1.259L8.549,17.249H19ZM14.314,6.438,15.571,7.7l1.257-1.259L15.571,5.179,14.314,6.438Z" transform="translate(-0.999 -1.024)"/>
                </svg>
            </div>
            <div class="input_group">
                <input type="password" required name="password_confirmation" placeholder="@lang('site.repeat_pass')">
                <svg id="Group_6812" data-name="Group 6812" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.005 20.005">
                    <path id="Path_4738" data-name="Path 4738" d="M0,0H20V20H0Z" fill="none"/>
                    <path id="Path_4739" data-name="Path 4739" d="M4.778,17.249H6.035l8.279-8.293L13.057,7.7,4.778,15.99ZM19,19.029H3V15.252L14.942,3.29a.888.888,0,0,1,1.257,0l2.515,2.519a.891.891,0,0,1,0,1.259L8.549,17.249H19ZM14.314,6.438,15.571,7.7l1.257-1.259L15.571,5.179,14.314,6.438Z" transform="translate(-0.999 -1.024)"/>
                </svg>
            </div>
            <div class="input_group submit">
                <input type="submit" value="@lang('site.save')">
            </div>
        </form>
    </section>
@endsection