@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">Sliderlar</h1>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0);">Anasayfa</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Tüm Sliderlar</li>
                    </ol>
                </div>
                <div class="ms-auto pageheader-btn">
                    <a href="#" data-bs-toggle="modal" data-bs-target="#sliderInsert" class="btn btn-primary btn-icon text-white me-2">
                        <span>
                            <i class="fe fe-plus"></i>
                        </span> Yeni Slider Ekle
                    </a>

                    <!-- Modal -->
                    <div class="modal fade" id="sliderInsert" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg modal-dialog-centered">
                        <div class="modal-content">
                            <div class="modal-header">
                            <h1 class="modal-title fs-5" id="exampleModalLabel">Slider Ekle</h1>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <form action="{{route('slider_insert')}}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-group">
                                        <label for="">Slider Görseli</label>
                                        <input type="file" class="form-control" name="slider_image" >
                                    </div>
                                <div class="form-group">
                                    <label for="">Slider Başlığı</label>
                                    <input type="text" class="form-control" name="slider_title" >
                                </div>
                                <div class="form-group">
                                    <label for="">Slider Açıklaması</label>
                                    <input type="text" class="form-control" name="slider_desc">
                                </div>
                                <div class="form-group">
                                    <label for="">Slider Butonu</label>
                                    <input type="text" class="form-control" name="slider_buton" >
                                </div>

                                <div class="form-group">
                                    <label for="">Slider İçindeki Link</label>

                                    <select style="width: 100%" class="form-control form-select select2" name="slider_link">
                                        <option value="" selected >Seçiniz..</option>
                                        @foreach (\App\Models\Products::all() as $key)
                                            <option value="{{$key->id}}">{{$key->product_title}}</option>
                                        @endforeach
                                    </select>

                            </div>
                                <div class="form-group">
                                    <label for="">Slider Dışındaki Link</label>
                                    <input type="text" class="form-control" name="slider_dislink">
                                    <small>Üst seçilirse, harici bağlantı devre dışı bırakılır.</small>
                                </div>
                                <div class="form-group">
                                    <label for="">Slider Durumu</label>
                                    <select style="width: 100%" class="form-control form-select select2" name="slider_status">
                                        <option value="" selected >Seçiniz..</option>
                                        <option value="1">Aktif</option>
                                        <option value="0">Devre Dışı</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>
                </div>
            </div>
            <!-- PAGE-HEADER END -->

            <!-- ROW-1 OPEN -->
            <div class="row row-cards">

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

                    <div class="row">

                        @foreach ($data as $take)


                        <div class="col-md-6 col-sm-6 col-xl-6">
                            <div class="card item-card">

                                <div class="product-grid6  card-body">
                                    <div class="product-image6">
                                        <a href="#" data-bs-toggle="modal" data-bs-target="#sliderEdit{{$take->id}}">
                                            <img class="img-fluid w-100" src="/upload/slider/{{$take->slider_image}}" alt="img">
                                        </a>
                                    </div>
                                    <div class="product-content text-center">

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

                                        <li><a href="#" data-bs-toggle="modal" data-bs-target="#sliderEdit{{$take->id}}" data-tip="Edit Slider" class="btn"><i class="fa fa-edit"></i></a></li>
                                        <li><a href="{{route('slider_delete',$take->id)}}" data-tip="Delete Slider" class="btn"><i class="fa fa-trash"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                                 <!-- Modal -->
                    <div class="modal fade" id="sliderEdit{{$take->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg modal-dialog-centered">
                        <div class="modal-content">
                            <div class="modal-header">
                            <h1 class="modal-title fs-5" id="exampleModalLabel">Sliderı 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('slider_edit',$take->id)}}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-group">
                                        <label for="">Slider Görseli</label>
                                        <input type="file" class="form-control" name="slider_image" >
                                    </div>
                                <div class="form-group">
                                    <label for="">Slider Başlığı</label>
                                    <input type="text" class="form-control" name="slider_title" value="{{$take->slider_title}}">
                                </div>
                                <div class="form-group">
                                    <label for="">Slider Açıklaması</label>
                                    <input type="text" class="form-control" name="slider_desc" value="{{$take->slider_desc}}">
                                </div>
                                <div class="form-group">
                                    <label for="">Slider Butonu</label>
                                    <input type="text" class="form-control" name="slider_buton"  value="{{$take->slider_buton}}">
                                </div>

                                <div class="form-group">
                                    <label for="">Slider İçindeki Link</label>

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

                            </div>
                                <div class="form-group">
                                    <label for="">Slider Dışındaki Link</label>
                                    <input type="text" class="form-control" name="slider_dislink" value="{{$take->slider_dislink}}">
                                    <small>Üst seçilirse, harici bağlantı devre dışı bırakılır.</small>
                                </div>
                                <div class="form-group">
                                    <label for="">Slider Durumu</label>
                                    <select style="width: 100%" class="form-control form-select select2" name="slider_status">
                                        <option value="" selected >Seçiniz..</option>
                                        <option @if($take->slider_status == 1) selected @else @endif value="1">Aktif</option>
                                        <option @if($take->slider_status == 0) selected @else @endif value="0">Devre Dışı</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>
            <!-- ROW-1 CLOSED -->
        </div>
    </div>
</div>
@endsection