@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Çıkış Talebi Oluştur' => '/operation/exit-request',
        ],
    ]) !!}
@endsection
@section('content')

    {{-- @include('components.sidebar')
    @include('components.profile') --}}
    <div class="container-app">
        <form>
            <input id="tc_no" name="tc_no" type="text" class="input-2">
            <button id="search" type="button" class="button-2 px-6">Ara</button>
        </form>
        <div class="user mt-5 text-white text-lg bg-teheme_third_black flex w-full rounded">

        </div>
    </div>
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection
@section('javascript')
    <script>
        $('#search').click(function() {
            var tc_no = $('#tc_no').val();

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
                type: "POST",
                url: "/operation/get-user",
                data: {
                    tc_no: tc_no,
                },
                dataType: "JSON",
                success: function(response) {
                    console.log(response);
                    $('.user').empty();
                    var newAnchor = '<a class="flex gap-4 p-3 w-full" href="' +
                        '/operation/exit-request/' + response.user.id + '">' +
                        '<img class="w-14 h-14 object-cover rounded-full" src="/storage/' + response
                        .profile_img + '">' +
                        '<span>' + response.user.full_name + '</span>' +
                        '</a>';
                    $('.user').append(newAnchor);
                }
            });
        });
    </script>
@endsection