@extends('admin.template')
@section('main-content')

    <style>
        .custombox-modal{
            margin-left: -25%;
        }
    </style>

    <div class="row">
        <div class="col-xs-12">
            <div class="page-title-box">
                <h4 class="page-title">{{$model->getTitle()}} </h4>
                <ol class="breadcrumb p-0 m-0">
                    <li>
                        <a href="#">{{config('app.name')}}</a>
                    </li>
                    <li>
                        <a href="{{url(config('app.admin_prefix'))}}">{{$model->getTitle()}}</a>
                    </li>
                    <li class="active">
                        Edition
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="card-box table-responsive">
                <h3 class="panel-title m-b-15 p-b-10">Sliders</h3>
                @foreach($model->sliders as $slider)
                    @if($slider->cover!=null)
                        <div class="col-sm-2">
                            <img class="img-responsive" src="{{url($slider->cover)}}" alt="">
                            <button  _id="{{$slider->id}}" old_img="{{url($slider->cover)}}"  class="btn btn-xs btn-primary m-t-5 edit-slider">Modifier</button>
                            <button  class="btn btn-xs btn-danger m-t-5 pull-right delete-item" _id="{{$slider->id}}" table="sliders">Supprimer</button>
                        </div>
                    @endif
                @endforeach
                <div class="col-sm-2">
                    <div class="add-item edit-slider">
                        <i class="fa fa-plus-circle" ></i>
                    </div>
                </div>
            </div>
        </div>