@extends('admin.layouts.app')
@push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush

@section('content')
    <div class="app-main__outer">

        <div class="app-main__inner card">
        @section('pagetitlesection')
            <li class="nav-item d-none d-sm-inline-block">
                <a href="{{ Route::currentRouteName() }}" class="nav-link custom-cumb">{{ __('Change Password') }}</a>
            </li>
        @endsection
        <div class="container-fluid">
            <form method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-12">
                            <div class="p-relative">
                                <div class="form-group">
                                    <label>Old Password</label>
                                    {{-- <span class="et-icon"><i class="fa fa-eye-slash" aria-hidden="true"></i></span> --}}
                                    <input id="password" class="form-control" type="password" name="current_password">

                                    @error('current_password')
                                        <span class="text-danger text-sm">
                                            {{ $message }}
                                        </span>
                                    @enderror
                                </div>

                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label>New Password</label>
                                {{-- <span class="et-icon"><i class="fa fa-eye-slash" aria-hidden="true"></i></span> --}}
                                <input id="new_password" class="form-control" type="password" name="new_password">

                            </div>
                            @error('new_password')
                                <span class="text-danger text-sm">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label>Confirm Password</label>
                                {{-- <span class="et-icon"><i class="fa fa-eye-slash" aria-hidden="true"></i></span> --}}
                                <input id="confirm_password" class="form-control" type="password"
                                    name="confirm_password">

                            </div>
                            @error('confirm_password')
                                <span class="text-danger text-sm">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>

                        <div class="col-12">
                            {{-- <input type="submit" value="Update"> --}}
                            <button class="btn btn_dashboard" type="submit">
                                Update
                            </button>
                        </div>
                    </div>
                </form>
            {{-- <div class="profile-update change-password">

            </div> --}}
        </div>
        <!-- dashboard auction -->
        {{-- <div class="dashboard-auction">
                <div class="row">
                    <div class="col-12">
                        <div class="auction-table">
                            <div class="auction-tablehead">
                                <h3>My Auction</h3>
                                <a href="#">View all</a>
                                <div class="aircraft_table">
                                    <table id="example" class="stripe row-border order-column datatable_auction"
                                        style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Auction Title</th>
                                                <th>Start</th>
                                                <th>End</th>
                                                <th>Base Price</th>
                                                <th>Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <div class="auction">
                                                        <div class="auctionimg">
                                                            <img src="assets/images/auctiontitile-img.png" class="img-fluid"
                                                                alt="">
                                                        </div>
                                                        <div class="auctiontext">
                                                            <h2>Vrigo</h2>
                                                            <p>
                                                                5 Participated
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>


                                                <td>
                                                    <p>
                                                        $25,973
                                                    </p>
                                                </td>
                                                <td>
                                                    <p>
                                                        <span class="active-dot">
                                                            <i class="fa-solid fa-circle"></i>
                                                        </span>
                                                        Active
                                                    </p>
                                                </td>

                                            </tr>

                                            <tr>
                                                <td>
                                                    <div class="auction">
                                                        <div class="auctionimg">
                                                            <img src="assets/images/auctiontitile-img.png" class="img-fluid"
                                                                alt="">
                                                        </div>
                                                        <div class="auctiontext">
                                                            <h2>Vrigo</h2>
                                                            <p>
                                                                5 Participated
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>


                                                <td>
                                                    <p>
                                                        $25,973
                                                    </p>
                                                </td>
                                                <td>
                                                    <p>
                                                        <span class="closed-dot">
                                                            <i class="fa-solid fa-circle"></i>
                                                        </span>
                                                        Closed
                                                    </p>
                                                </td>

                                            </tr>


                                            <tr>
                                                <td>
                                                    <div class="auction">
                                                        <div class="auctionimg">
                                                            <img src="assets/images/auctiontitile-img.png" class="img-fluid"
                                                                alt="">
                                                        </div>
                                                        <div class="auctiontext">
                                                            <h2>Vrigo</h2>
                                                            <p>
                                                                5 Participated
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>

                                                <td>
                                                    <div class="timedate-box">
                                                        <h6>
                                                            19-04-2023
                                                        </h6>
                                                        <p>10:00 AM</p>
                                                    </div>
                                                </td>


                                                <td>
                                                    <p>
                                                        $25,973
                                                    </p>
                                                </td>
                                                <td>
                                                    <p>
                                                        <span class="ongoing-dot">
                                                            <i class="fa-solid fa-circle"></i>
                                                        </span>
                                                        On Going
                                                    </p>
                                                </td>

                                            </tr>


                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div> --}}
    </div>


</div>
<!-- Content Wrapper. Contains page content -->



<!-- /.content-wrapper -->
@endsection
@push('scripts')
<script>
    $(document).ready(function() {
        $("#addbranch-btn").click(function() {
            $("#slide-from-right").addClass("show-side-form");
        });

        $("#close-btn").click(function() {
            $("#slide-from-right").removeClass("show-side-form");
        });
    });
</script>
@endpush