@extends('backend.header')
@section('govde')


<div class="container">
    @if (session('status'))
    <div class="alert alert-success mt-3">
        {{session('status')}}
    </div>
    @endif
    <ul class="nav nav-tabs mt-4" >
        <li class="active"><a data-toggle="tab" style="padding:5px 15px; margin: 0 2px; background-color:coral;color:white; border-radius:15px 0px 15px 0px;" href="#home">Düzenle</a></li>
        @if(session('auth')==1)
        <li><a data-toggle="tab" style="padding:5px 15px; margin: 0 2px; background-color:coral;color:white; border-radius:15px 0px 15px 0px;" href="#menu1">Kullanıcı Listesi</a></li>
        <li><a data-toggle="tab" style="padding:5px 15px; margin: 0 2px; background-color:coral;color:white; border-radius:15px 0px 15px 0px;" href="#menu2">Kullanıcı Ekle</a></li>
        @endif
    </ul>
    <div class="tab-content">
        <div id="home" class="tab-pane fade in active mt-3">
            <form class="form" method = "post" enctype="multipart/form-data"  action="{{route('user.update')}}">
                @csrf
                <div>
                    <input name="auth" type="hidden" value="{{session('auth')}}">
                    <input name="id" type="hidden" value="{{session('id')}}">
                    <label for="">Kullanıcı Adı:</label>
                    <div><input class="form-control" name="name" type="text" value="{{session('name')}}"></div>
                </div>
                <div style="margin-top: 1%;">
                    <label for="">Kullanıcı Maili:</label>
                    <div><input class="form-control" name="email" type="text" value="{{session('email')}}"></div>
                </div>

                <button class="btn btn-info" style="margin-top: 1%; margin-left: 0;" type="submit">Düzenle</button>
            </form>
        </div>
        @if(session('auth')==1)
        <div id="menu1" class="tab-pane fade mt-3">
            <table class="table details">
                <tr>
                    <th>Kullanıcı Adı</th>
                    <th>Kullanıcı Maili</th>
                    <th></th>
                </tr>

                @foreach($users as $user)
                    <tr class="mt-2">
                        <td>{{ $user->name }}</td>
                        <td>
                           {{$user->email}}
                        </td>
                        <td><button type="button" class="btn btn-success edit_btn" data-toggle="modal" data-url="{{url('user/get-user/'.$user->id)}}" data-target="#exampleModal" data-whatever="@mdo">Düzenle</button><a class="mx-2 btn btn-danger" href="{{url('user/delete/'.$user->id)}}">Sil</a></td>
                    </tr>

                @endforeach
            </table>
        </div>
        <div id="menu2" class="tab-pane fade mt-3">
            
            <form class="form" method = "post" enctype="multipart/form-data"  action="{{route('register')}}">
            @csrf
                <div>
                    <label for="">Kullanıcı Adı:</label>
                    <div><input class="form-control" name="name" type="text" value=""></div>
                </div>
                <div style="margin-top: 1%;">
                    <label for="">Kullanıcı Maili:</label>
                    <div><input class="form-control" name="email" type="email" value=""></div>
                </div>
                <div style="margin-top: 1%;">
                    <label for="">Kullanıcı Yetkisi:</label>
                    <div>
                        <select class="form-select form-control" name="auth" aria-label="Default select example">
                            <option value="1">Yönetici</option>
                            <option value="0">İçerik Üretici</option>
                        </select>
                    </div>
                </div>
                <div style="margin-top: 1%;">
                    <label for="">Kullanıcı Parolası:</label>
                    <div><input class="form-control" name="password" type="password" value=""></div>
                </div>

                <button class="btn btn-info" style="margin-top: 1%; margin-left: 0;" type="submit">Ekle</button>
            </form>
        </div>
        @endif
    </div>

</div>


<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Kullanıcı Düzenle</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{route('user.update')}}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input id="usersUpdate" name="usersUpdate" type="hidden" value="1">
                        <input id="id" name="id" type="hidden">
                        <div class="mb-3">
                            <label for="exampleFormControlInput1" class="form-label">Kullanıcı Adı</label>
                            <input type="text" name="name" class="form-control" id="name" placeholder="Furkan Göregen">
                        </div>
                        <div class="mb-3">
                            <label for="exampleFormControlInput1" class="form-label">Kullanıcı Maili</label>
                            <input type="text" name="email" class="form-control" id="email" placeholder="furkan@afgajans.com">
                        </div>
                        <div class="mb-3">
                            <label for="exampleFormControlInput1" class="form-label">Kullanıcı Yetkisi</label>
                            <select class="form-select form-control" id="auth" name="auth" aria-label="Default select example">
                                <option value="1">Yönetici</option>
                                <option value="0">İçerik Üretici</option>
                            </select>
                        </div>
                     
                        <button class="btn btn-primary" type="submit">Düzenle</button>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Send message</button>
                </div>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
    <script>
        $(document).ready(function() {

            $('.edit_btn').click(function() {

                var $url = ($(this).closest('tr').find('.edit_btn').data("url"));
                $.ajax({
                    url: $url,     // The URL to your route
                    method: 'GET',        // HTTP method
                    success: function(response) {
                        $('#id').val(response['id']);
                        $('#name').val(response['name']);
                        $('#email').val(response['email']);
                        $('#auth').val(response['auth']);
                        
                    }
                });

            })
        })

    </script>
    
@endsection