@extends('admin.layout.layout')
@section('content')

<div class="card-header-tab card-header">
    <div class="card-header-title font-size-lg text-capitalize fw-normal col-md-10">
        <i class="header-icon pe-7s-users me-3 text-muted opacity-10"></i>
        Update Details
    </div>
    <div class="col-md-2 d-flex">
        <a href="{{ route('admin.dashboard') }}" class="btn btn-dark">Home</a>
    </div>
</div>

<div class="container pl-5 pr-5">
    <div class="row justify-content-md-center mt-4">
        <div class="col-md-7">
            <div class="main-card mb-3 card">
                <div class="card-body">
                    <h5 style="font-weight: bold; color: #7b7982;" class="mt-2 mb-4">Update Details</h5>
                    @if (Session::has('error_message'))
                        <div class="alert alert-danger alert-dismissible fade" role="alert" style="margin-top: 5px;">
                          <strong>Error!</strong> {{ Session::get('error_message') }}
                          <button type="button" class="close pull-right" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                          </button>
                        </div>
                    @endif
                    @if (Session::has('success_message'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert" style="margin-top: 5px;">
                          <strong>Success!</strong> {{ Session::get('success_message') }}
                          <button type="button" class="close pull-right" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                          </button>
                        </div>
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-top: 5px;">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}<button type="button" class="close pull-right" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button></li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <form action="{{ route('admin.update-admin-details') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="position-relative mb-3">
                            <label for="email" class="form-label">Personal Email Address</label>
                            <input name="email" id="email" class="form-control" value="{{ Auth::guard('admin')->user()->email }}">
                        </div>
                        <div class="position-relative mb-3">
                            <label for="phone_number" class="form-label">Phone Number</label>
                            <input name="phone_number" id="phone_number"
                                placeholder="Phone number here"
                                type="text" class="form-control" value="{{ Auth::guard('admin')->user()->phone_number }}">
                        </div>
                        <div class="position-relative mb-3">
                        <label for="admin_image">Photo</label>
                        <input type="file" class="form-control" name="admin_image" id="admin_image">
                        @if(!empty(Auth::guard('admin')->user()->image))
                          <a target="_blank" href="{{ url('admin/images/photos/'.Auth::guard('admin')->user()->image) }}">View Photo</a>
                          <input type="hidden" name="current_image" value="{{ Auth::guard('admin')->user()->image }}">
                        @endif
                      </div>
                        <button class="mt-1 btn btn-primary">Update</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection