@extends('admin.layouts.app')
@push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush
@section('pagetitlesection')
    <li class="nav-item d-none d-sm-inline-block">
        <a href="{{ Route::currentRouteName() }}" class="nav-link custom-cumb">{{ __('Dashboard') }}</a>
    </li>
@endsection
@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">

            <div class="profile-update">
                <form method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div>
                                <img src="{{ auth()->user()?->profile_picture }}" id="blah" class="rounded-full "
                                    width="80" height="80">
                            </div>
                            <label for="profile_image" class="block text-sm font-medium mb-1">Profile Image</label>
                            <input type="file"
                                onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])"
                                id="profile_image" name="profile_image" accept="image/jpeg,image/png,image/jpg,image/gif">
                            @error('profile_image')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-6">
                            <label>First Name <span class="text-danger">*</span></label>
                            <input id="first_name" class="form-control" type="text" name="first_name"
                                placeholder="First Name" value="{{ auth()->user()->first_name }}" />
                            @error('first_name')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label>Last Name <span class="text-danger">*</span></label>
                            <input id="last_name" class="form-control" type="text" name="last_name"
                                placeholder="Last Name" value="{{ auth()->user()->last_name }}" />
                            @error('last_name')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label>Username <span class="text-danger">*</span></label>
                            <input type="text" name="username" class="form-control" id="customerUserName"
                                value="{{ auth()->user()->username }}" placeholder="Username">
                            @error('username')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label>Email <span class="text-danger">*</span></label>
                            <input id="email" class="form-control" type="email" name="email"
                                value="{{ auth()->user()->email }}" readonly disabled />
                            @error('email')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label>Phone <span class="text-danger">*</span></label>
                            <input id="mobile_number" class="form-control" type="number" name="mobile_number"
                                value="{{ auth()->user()->mobile_number }}" />
                            @error('mobile_number')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>

                        <div class="col-12 mt-3">
                             <button class="btn btn_dashboard" type="submit">
                                Update
                            </button>
                        </div>
                    </div>
                </form>
            </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 -->
   {{--  <div class="content-wrapper p-5">

        <div class="container-fluid">

            <div class="profile-update">
                <form method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div>
                                <img src="{{ auth()->user()?->profile_picture }}" id="blah" class="rounded-full "
                                    width="80" height="80">
                            </div>
                            <label for="profile_image" class="block text-sm font-medium mb-1">Profile Image</label>
                            <input type="file"
                                onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])"
                                id="profile_image" name="profile_image" accept="image/jpeg,image/png,image/jpg,image/gif">
                            @error('profile_image')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-6">
                            <label>First Name <span class="text-danger">*</span></label>
                            <input id="first_name" class="form-control" type="text" name="first_name"
                                placeholder="First Name" value="{{ auth()->user()->first_name }}" />
                            @error('first_name')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label>Last Name <span class="text-danger">*</span></label>
                            <input id="last_name" class="form-control" type="text" name="last_name"
                                placeholder="Last Name" value="{{ auth()->user()->last_name }}" />
                            @error('last_name')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label>Username <span class="text-danger">*</span></label>
                            <input type="text" name="username" class="form-control" id="customerUserName"
                                value="{{ auth()->user()->username }}" placeholder="Username">
                            @error('username')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label>Email <span class="text-danger">*</span></label>
                            <input id="email" class="form-control" type="email" name="email"
                                value="{{ auth()->user()->email }}" readonly disabled />
                            @error('email')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                        <div class="col-6">
                            <label>Phone <span class="text-danger">*</span></label>
                            <input id="mobile_number" class="form-control" type="number" name="mobile_number"
                                value="{{ auth()->user()->mobile_number }}" />
                            @error('mobile_number')
                                <span class="text-sm mt-1 text-danger">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>

                        <div class="col-12">
                            <input type="submit" value="Update">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div> --}}

    <!-- /.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