@extends('Admin.layout.master')

@section('title','Banner Bilgileri')

@section('content')

    <section class="content">

        <div class="row">

            <div class="col-sm-12">

                <div class="panel panel-bd lobidrag">

                    <div class="panel-heading">

                        <div class="btn-group" id="buttonexport">

                            <a href="#">

                                <h4>Banner Listesi</h4>

                            </a>

                        </div>

                    </div>

                    <div class="panel-body">

                        <div class="btn-group">

                            <div class="buttonexport" id="buttonlist">

                                <a class="btn btn-add" href="{{route('add.banner')}}"> <i class="fa fa-plus"></i> Banner Ekle

                                </a>

                            </div>

                        </div>

                        <div class="table-responsive">

                            <table id="dataTableExample1" class="table table-bordered table-striped table-hover">

                                <thead>

                                <tr class="info">

                                    <th>Resim</th>

                                    <th>Başlık</th>

                                    <th>Link</th>

                                    <th>Durum</th>

                                    <th>İşlemler</th>

                                </tr>

                                </thead>

                                <tbody>

                                @foreach($banners as $banner)

                                <tr>

                                    <td><img src="{{asset('assets/images/slider/'.$banner->image)}}" alt="{{$banner->title}}" width="300px" height="160px"></td>

                                    <td>{{$banner->title}}</td>

                                    <td>{{$banner->link}}</td>

                                    <td>

                                        @if($banner->status ==1)

                                            <span class="label-success label label-default">Aktif</span>

                                        @else

                                        <span class="label-danger label label-default">Pasif</span>

                                        @endif

                                    </td>

                                    <td>

                                        <a href="{{ route('edit.banner',$banner->id) }}" class="btn btn-primary btn-mini"><i class="fa fa-pencil"></i></a>

                                        <a href="{{ route('delete.banner',$banner->id) }}" class="btn btn-danger btn-mini"><i class="fa fa-trash-o"></i></a>

                                    </td>

                                </tr>

                                    @endforeach

                                </tbody>

                            </table>

                        </div>

                            <ul class="paginationn">

                                <li class="">

                                    <span class=""></span>

                                </li>

                            </ul>

                    </div>

                </div>

            </div>

        </div>

        <!-- customer Modal1 -->

        <div class="modal fade" id="customer1" tabindex="-1" role="dialog" aria-hidden="true">

            <div class="modal-dialog">

                <div class="modal-content">

                    <div class="modal-header modal-header-primary">

                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

                        <h3><i class="fa fa-user m-r-5"></i> Update Customer</h3>

                    </div>

                    <div class="modal-body">

                        <div class="row">

                            <div class="col-md-12">

                                <form class="form-horizontal">

                                    <fieldset>

                                        <!-- Text input-->

                                        <div class="col-md-4 form-group">

                                            <label class="control-label">Customer Name:</label>

                                            <input type="text" placeholder="Customer Name" class="form-control">

                                        </div>

                                        <!-- Text input-->

                                        <div class="col-md-4 form-group">

                                            <label class="control-label">Email:</label>

                                            <input type="email" placeholder="Email" class="form-control">

                                        </div>

                                        <!-- Text input-->

                                        <div class="col-md-4 form-group">

                                            <label class="control-label">Mobile</label>

                                            <input type="number" placeholder="Mobile" class="form-control">

                                        </div>

                                        <div class="col-md-6 form-group">

                                            <label class="control-label">Address</label><br>

                                            <textarea name="address" rows="3"></textarea>

                                        </div>

                                        <div class="col-md-6 form-group">

                                            <label class="control-label">type</label>

                                            <input type="text" placeholder="type" class="form-control">

                                        </div>

                                        <div class="col-md-12 form-group user-form-group">

                                            <div class="pull-right">

                                                <button type="button" class="btn btn-danger btn-sm">Cancel</button>

                                                <button type="submit" class="btn btn-add btn-sm">Save</button>

                                            </div>

                                        </div>

                                    </fieldset>

                                </form>

                            </div>

                        </div>

                    </div>

                    <div class="modal-footer">

                        <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Close</button>

                    </div>

                </div>

                <!-- /.modal-content -->

            </div>

            <!-- /.modal-dialog -->

        </div>

        <!-- /.modal -->

        <!-- Modal -->

        <!-- Customer Modal2 -->

        <div class="modal fade" id="customer2" tabindex="-1" role="dialog" aria-hidden="true">

            <div class="modal-dialog">

                <div class="modal-content">

                    <div class="modal-header modal-header-primary">

                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

                        <h3><i class="fa fa-user m-r-5"></i> Delete Customer</h3>

                    </div>

                    <div class="modal-body">

                        <div class="row">

                            <div class="col-md-12">

                                <form class="form-horizontal">

                                    <fieldset>

                                        <div class="col-md-12 form-group user-form-group">

                                            <label class="control-label">Delete Customer</label>

                                            <div class="pull-right">

                                                <button type="button" class="btn btn-danger btn-sm">NO</button>

                                                <button type="submit" class="btn btn-add btn-sm">YES</button>

                                            </div>

                                        </div>

                                    </fieldset>

                                </form>

                            </div>

                        </div>

                    </div>

                    <div class="modal-footer">

                        <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Close</button>

                    </div>

                </div>

                <!-- /.modal-content -->

            </div>

            <!-- /.modal-dialog -->

        </div>

        <!-- /.modal -->

    </section>

@endsection