@extends('admin.dashboard.layouts.app')


@section('title', panel_setting_title("Yönetici Paneli"))



@push('style-libraries')
    <!-- Feather CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/feather/feather.css') }}">
    <!-- Datepicker CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/css/bootstrap-datetimepicker.min.css') }}">
    <!-- Datatables CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/datatables/datatables.min.css') }}">
    <link rel="stylesheet" href="{{ asset("dashboard/css/dashboard.css") }}">
    @endpush



@push('styles')
@endpush

@section('content')
    <div class="page-wrapper">
        <div class="content container-fluid">
                        <!-- Page Header -->
                        <div class=" card rounded-3    ">
                            <div class="card-body p-4">
                                <div class="row align-items-center">
                                    <div class="col-lg-8">
                                        <!-- Title and Icon -->
                                        <div class="d-flex align-items-center mb-2">
                                            <div class="  rounded-3 p-2 me-3 svg-icon-bg">
                                                <i class="fas fa-users svg-icon fs-4"></i>
                                            </div>
                                            <div>
                                                <h1 class=" fs-3 fw-semibold mb-0 text-white-primary-color">Kullanıcı Düzenle</h1>
                                                <nav aria-label="breadcrumb">
                                                    <ol class="breadcrumb mb-2">
                                                        <li class="breadcrumb-item">
                                                            <a href="#"
                                                                class=" text-white-primary-color text-opacity-75 text-decoration-none d-flex align-items-center">
                                                                Kullanıcı </a>
                                                        </li>
                                                        <li class="text-white-primary-color breadcrumb-item  text-opacity-75 active"
                                                            aria-current="page">
                                                            Kullanıcı Düzenle </li>
                                                    </ol>
                                                </nav>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Action Button -->
                                    {{-- <div class="col-lg-4 text-lg-end mt-3 mt-lg-0">
                                        <a href="{{ route('admin.dashboard.user-management.user-create') }}"
                                            class="btn btn-yellow-custom d-inline-flex align-items-center gap-2">
                                            <i class="fas fa-plus-circle"></i>
                                            <span>Yeni Kullanıcı</span>
                                        </a>
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                        <!-- Page Header -->


            <div class="card">
                <div class="card-body">
                    <form method="post"
                    action="{{ route('admin.dashboard.user-management.user-edit::post', ['user_id' => $user->id]) }}">
                    <div class="row">
                        @csrf
                        <div class="col-lg-4 col-12 mb-3">
                            <div class="form-floating ">
                                <input type="text" name="full_name" class="form-control  " value="{{ $user->full_name }}">
                                <label class="form-label">{{ __('Ad Soyad') }} </label>
                            </div>
                        </div>
                        <div class="col-lg-4 col-12 mb-3">
                            <div class="form-floating ">
                                <input type="email" name="email" class="form-control" value="{{ $user->email }}"
                                    placeholder="{{ __('Mail Adresi') }}">
                                <label class="form-label">{{ __('Mail Adresi') }}</label>
                            </div>
                        </div>
                        <div class="col-lg-4 col-12 mb-3">
                            <div class="form-floating mb-3">
                                <input type="text" name="phone" class="form-control" value="{{ $user->phone }}"
                                    placeholder="{{ __('Telefon Numarası') }}" maxlength="10" pattern="\d{10}"
                                    title="Lütfen tam olarak 10 rakam girin"
                                    oninput="this.value = this.value.replace(/[^0-9]/g, '').slice(0, 10);">
                                <label class="form-label small text-secondary mb-1">{{ __('Telefon Numarası') }}</label>
                                @error('phone')
                                    <small class="text-danger mt-1">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <!-- Butonlar -->
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ route('admin.dashboard.user-management.users') }}"
                                    class="btn rounded-2 d-inline-flex align-items-center gap-2 btn-danger-custom">
                                    <i class="fas fa-times"></i>
                                    <span>{{ __('İptal Et') }}</span>
                                </a>
                                <button type="submit" class="btn   d-inline-flex align-items-center gap-2  btn-primary-custom">
                                    <i class="fa-solid fa-floppy-disk me-2"></i>
                                    <span>{{ __('Kaydet') }}</span>
                                </button>
                            </div>
                        </div>

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


        @endsection


        @push('script-libraries')
            <!-- Feather Icon JS -->
            <script src="{{ asset('dashboard/js/feather.min.js') }}"></script>
            <!-- Slimscroll JS -->
            <script src="{{ asset('dashboard/plugins/slimscroll/jquery.slimscroll.min.js') }}"></script>
            <!-- Chart JS -->
            <script src="{{ asset('dashboard/plugins/apexchart/apexcharts.min.js') }}"></script>
            <script src="{{ asset('dashboard/plugins/apexchart/chart-data.js') }}"></script>
        @endpush

        @push('scripts')
        @endpush