@extends('backend.app')
@section("content")
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
            <h3 class="content-header-title mb-0 d-block">BHA Haber Botu (Beyaz Haber Ajansı)</h3>
            <div class="row breadcrumbs-top d-inline-block">
                <div class="breadcrumb-wrapper col-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('panel')}}">Anasayfa</a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{url('panel/haberler')}}">Haberler</a>
                        </li>
                        <li class="breadcrumb-item active">BHA Haber Botu
                        </li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="content-header-right col-md-6 col-12">
            <div class="float-md-right">
                <a href="{{url('panel/haberler')}}" class="btn btn-dark round btn-glow px-2">Geri Dön</a>
            </div>
        </div>
    </div>
    <div class="content-body">
        <div class="row">
            <div id="recent-sales" class="col-12 col-md-12">
                <div class="card">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <ul class="media-list p-0">
                                        @if(!$data)
                                            @if($haberler)
                                                @foreach($haberler as $haber)
                                                    <li class="row mb-1 border-bottom pb-1">
                                                        <div class="col-md-12 col-sm-12 callback_message{{$haber['kontrol']}}"></div>
                                                        <div class="col-md-3 col-sm-12">
                                                            <img class="img-fluid" src="{{$haber['resim']}}" alt="{{$haber['haberBaslik']}}">
                                                        </div>
                                                        <div class="col-md-9 col-sm-12">
                                                            <form id="haber{{$haber['kontrol']}}" enctype="multipart/form-data" accept-charset="utf-8">
                                                                {!! csrf_field() !!}
                                                                <input type="hidden" name="haberResim" value="{{$haber['resim']}}">
                                                                <input type="hidden" name="haberId" value="{{$haber['kontrol']}}">
                                                                <input type="hidden" name="haberIcerik" value="{{$haber['icerik']}}">
                                                                <input type="hidden" name="haberSehir" value="{{$haber['sehir']}}">
                                                                <input type="hidden" name="haberResimsiz" value="{{$haber['resimsiz'] ? '1' : '0'}}">
                                                                <div class="form-group mb-1">
                                                                    <input name="haberBaslik" class="form-control" type="text" value="{{$haber['haberBaslik']}}">
                                                                </div>
                                                                <div class="form-group mb-1">
                                                                    <textarea class="form-control" name="haberDesc" cols="30" rows="3">{{$haber['ozet']}}</textarea>
                                                                </div>
                                                                <div class="form-group row mb-1">
                                                                    <div class="col-md-5">
                                                                        <select class="form-control" name="haberKategori">
                                                                            @if($kategoriler)
                                                                                @foreach($kategoriler as $kategori)
                                                                                    <option value="{{$kategori->id}}" @if(Illuminate\Support\Str::slug($kategori->baslik) == Illuminate\Support\Str::slug($haber['kategori'])){{'selected'}}@endif>{{$kategori->baslik}}</option>
                                                                                @endforeach
                                                                            @endif
                                                                        </select>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <a href="javascript:;" onclick="kaydet('{{$haber['kontrol']}}')" class="btn btn-primary haberDiv{{$haber['kontrol']}}"> Kaydet </a>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            @endif
                                        @else
                                            <li class="row mb-1 border-bottom pb-1">
                                                <div class="col-md-12 col-sm-12">
                                                    <div class="alert alert-danger">{{$data}}</div>
                                                </div>
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push("customJs")
    <script>
        function kaydet(haber_id) {
            let form = $('#haber' + haber_id);
            $.ajax({
                url: '/panel/haberler/igfa-haber-kaydet/ajax',
                type: 'POST',
                data: form.serialize(),
                success: function (response) {
                    if(response.status === 'success'){
                        $(".callback_message"+haber_id).empty().append("<div class='alert alert-success'>Haber Eklendi</div>");
                        $('.haberDiv'+haber_id).remove();
                    }
                },
                error: function (request, status, error) {
                    let responseData = JSON.parse(request.responseText);
                    let content = '';

                    $.each(responseData.errors,function (item, value) {
                        content += value[0]+' ';
                    });

                    $(".callback_message"+haber_id).empty().append("<div class='alert alert-danger'>"+ content +"</div>");
                }
            });
        }
    </script>
@endpush