@extends('admin.layout.layout')

@section('title', 'Ana Sayfa Ilan Sirasi')

@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb bg-transparent p-0 text_small">
        <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Admin</a></li>
        <li class="breadcrumb-item"><a href="{{ route('admin.properties.index') }}">&#304;lanlar</a></li>
        <li class="breadcrumb-item active" aria-current="page">Ana Sayfa S&#305;ras&#305;</li>
    </ol>
</nav>

<section class="mb-5 pb-5">
    @include('flash_message.flash')
    <header class="border-bottom mt-4">
        <h3 class="text-primary font-weight-light"><i class="fas fa-sort-numeric-down"></i> Ana Sayfa &#304;lan S&#305;ras&#305;</h3>
        <p class="text-muted text_small mb-3">K&#252;&#231;&#252;k s&#305;ra numaras&#305; verilen ilanlar anasayfada daha &#252;stte g&#246;r&#252;n&#252;r. Bo&#351; b&#305;rak&#305;lan ilanlar tarih s&#305;ras&#305;yla devam eder.</p>
    </header>

    <form method="POST" action="{{ route('admin.properties.homepage-order.update') }}">
        @csrf
        <div class="table-responsive py-3">
            <table class="table table-striped table-bordered table-hover w-100">
                <thead>
                    <tr class="text_small">
                        <th style="width: 120px;">S&#305;ra</th>
                        <th style="width: 120px;">H&#305;zl&#305; Ta&#351;&#305;</th>
                        <th>&#304;lan Kodu</th>
                        <th>Banka</th>
                        <th>&#304;lan Ba&#351;l&#305;&#287;&#305;</th>
                        <th>Durum</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($posts as $post)
                        <tr class="text-muted text_small">
                            <td>
                                <input type="number" min="1" class="form-control homepage-order-input" name="orders[{{ $post->id }}]" value="{{ $post->home_sort_order }}">
                            </td>
                            <td>
                                <button type="button" class="btn btn-sm btn-outline-primary js-homepage-order-top">En &#220;ste Al</button>
                            </td>
                            <td>{{ $post->code }}</td>
                            <td>{{ optional($post->bank)->name }}</td>
                            <td>{{ $post->title }}</td>
                            <td>{{ $post->tender_status == 2 ? 'Tamamland&#305;' : ($post->end_time ? '&#304;hale S&#252;recinde' : 'Teklif Bekleyen') }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-between align-items-center">
            {{ $posts->links() }}
            <button type="submit" class="btn btn-primary px-5">S&#305;ralamay&#305; Kaydet</button>
        </div>
    </form>
</section>
@stop

@section('scripts')
    @parent
    <script>
        $(document).on('click', '.js-homepage-order-top', function () {
            var $row = $(this).closest('tr');
            var $input = $row.find('.homepage-order-input');

            $input.val(1).focus();
            $row.addClass('table-primary');
        });
    </script>
@endsection