@extends('backend.layouts.fix')
@section('content')
<div class="main-content app-content mt-0">
    <div class="side-app">

        <!-- CONTAINER -->
        <div class="main-container container-fluid">
    <!-- PAGE-HEADER -->
    <div class="page-header">
        <div>
            <h1 class="page-title">Reklamlar</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0);">Anasayfa</a></li>
                <li class="breadcrumb-item active" aria-current="page">Reklamlar</li>
            </ol>
        </div>

    </div>

    <div class="row row-cards">

        <div class="col-xl-12 col-lg-12">

            <div class="row">

                @foreach ($data as $take)


                <div class="col-md-4 col-sm-4 col-xl-4">
                    <div class="card item-card">
                        <span class="ribbon1">
                            <span><button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#adsEye{{$take->id}}"><i class="fe fe-eye"></i></button></span>
                        </span>
                           <!-- Modal -->
                            <div class="modal fade" id="adsEye{{$take->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <div class="modal-header">
                                    <h1 class="modal-title fs-5" id="exampleModalLabel">{{$take->ads_title}} - Göster</h1>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                        <img src="/img/{{$take->id}}ads.jpg" class="img-fluid" alt="">
                                    </div>
                                    <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Kapat</button>


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

                        <div class="product-grid6  card-body">
                            <div class="product-image6">
                                <a href="#" data-bs-toggle="modal" data-bs-target="#adsEdit{{$take->id}}">
                                    <img class="img-fluid w-100" style="height:300px" src="/upload/reklamlar/{{$take->ads_image}}" alt="img">
                                </a>
                            </div>
                            <div class="product-content text-center">

                                <h4 class="title"><a href="javascript:void(0);">{{$take->ads_title}}</a></h4>
                                <div class="price">{{$take->created_at}}</div>
                            </div>
                            <ul class="icons">

                                <li><a href="#" data-bs-toggle="modal" data-bs-target="#adsEdit{{$take->id}}" data-tip="Edit Adverts" class="btn"><i class="fa fa-edit"></i></a></li>

                            </ul>
                        </div>
                    </div>
                </div>


            <!-- Modal -->
            <div class="modal fade" id="adsEdit{{$take->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">{{$take->ads_title}} - Edit</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{route('ads_edit',$take->id)}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="">Reklam Görseli</label>
                                <input type="file" class="form-control" name="ads_image" value="{{$take->ads_image}}">
                            </div>
                        <div class="form-group">
                            <label for="">Reklam Başlığı</label>
                            <input type="text" class="form-control" name="ads_title" value="{{$take->ads_title}}">
                        </div>
                        <div class="form-group">
                            <label for="">Reklam Açıklaması</label>
                            <input type="text" class="form-control" name="ads_desc" value="{{$take->ads_desc}}">
                        </div>
                        <div class="form-group">
                            <label for="">Reklam Butonu</label>
                            <input type="text" class="form-control" name="ads_buton" value="{{$take->ads_buton}}">
                        </div>


                        <div class="form-group">
                            <label for="">Reklam İçi Bağlantı</label>

                            <select style="width: 100%" class="form-control form-select select2" name="ads_link">
                                <option value="" selected >Choose..</option>
                                @foreach (\App\Models\Products::all() as $key)
                                    <option @if($key->id == $take->ads_link) selected @else @endif value="{{$key->id}}">{{$key->product_title}}</option>
                                @endforeach
                            </select>

                    </div>
                        <div class="form-group">
                            <label for="">Dış Reklam Bağlantısı</label>
                            <input type="text" class="form-control" name="ads_dislink" value="{{$take->ads_dislink}}">
                            <small>If the top is selected, the external link will be disabled.</small>
                        </div>
                        <div class="form-group">
                            <label for="">Slider Status</label>
                            <select style="width: 100%" class="form-control form-select select2" name="ads_status">
                                <option value="" selected >Seçiniz..</option>
                                <option @if($take->ads_status == 1) selected @else @endif value="1">Active</option>
                                <option @if($take->ads_status == 0) selected @else @endif value="0">Deactive</option>
                            </select>
                    </div>
                    </div>
                    <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Kapat</button>
                    <button type="submit" class="btn btn-success">Kaydet</button>
                </form>
                    </div>
                </div>
                </div>
            </div>
                @endforeach
            </div>
            <div class="mb-5">
                <div class="float-end">
                    <ul class="pagination ">
                        {{$data->links()}}
                    </ul>
                </div>
            </div>
        </div><!-- COL-END -->
    </div>

    <!-- End Row -->
        </div>
        <!-- CONTAINER END -->
    </div>
</div>
@endsection