@extends('layouts.admin')
@section('page_title', 'بنر های سایت')

@section('content')
    <div class="col-lg-12">
        <div class="portlet box shadow">
            <div class="portlet-heading">
                <div class="portlet-title">
                    <h3 class="title">
                        <i class="icon-settings"></i>
                        افزودن تصویر جدید
                    </h3>
                </div><!-- /.portlet-title -->
                <div class="buttons-box">
                    <a class="btn btn-sm btn-default btn-round btn-fullscreen" rel="tooltip" title="تمام صفحه" href="#">
                        <i class="icon-size-fullscreen"></i>
                    </a>
                    <a class="btn btn-sm btn-default btn-round btn-collapse" rel="tooltip" title="کوچک کردن" href="#">
                        <i class="icon-arrow-up"></i>
                    </a>
                </div><!-- /.buttons-box -->
            </div><!-- /.portlet-heading -->
            <div class="portlet-body">
                <form role="form" method="post" action="banner" enctype="multipart/form-data">

                    @csrf
                    <div class="form-body">
                        <div class="form-group relative">
                            <input name="image" type="file" class="form-control">
                            <label>آپلود تصویر</label>
                            <div class="input-group round">
                                <input type="text" class="form-control file-input" placeholder="برای آپلود کلیک کنید">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-success">
                                        <i class="icon-picture"></i>
                                    </button>
                                </span>
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->get('image') as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </div><!-- /.input-group -->
                            <div class="help-block"></div>
                        </div><!-- /.form-group -->
                    </div><!-- /.form-body -->

                    <div class="form-actions">
                        <button type="submit" class="btn btn-success btn-round">
                            <i class="icon-check"></i>
                            ذخیره
                        </button>
                    </div><!-- /.form-actions -->
                </form>
            </div><!-- /.portlet-body -->
        </div><!-- /.portlet -->
    </div><!-- /.col-lg-12 -->
    <div class="col-lg-12">
        <div class="portlet box shadow">
            <div class="portlet-heading">
                <div class="portlet-title">
                    <h3 class="title">
                        <i class="icon-frane"></i>
                       {{-- جدول با Data Table--}}
                    </h3>
                </div><!-- /.portlet-title -->
                <div class="buttons-box">
                    <a class="btn btn-sm btn-default btn-round btn-fullscreen" rel="tooltip" title="تمام صفحه" href="#">
                        <i class="icon-size-fullscreen"></i>
                    </a>
                    <a class="btn btn-sm btn-default btn-round btn-collapse" rel="tooltip" title="کوچک کردن" href="#">
                        <i class="icon-arrow-up"></i>
                    </a>
                </div><!-- /.buttons-box -->
            </div><!-- /.portlet-heading -->
            <div class="portlet-body">
                <div class="row">
                    @foreach($images as $image)
                        <div class="col-md-3 col-sm-4 col-6">
                            <div class="effect effect-border">
                                <a href="{{url('dashboard/banner/'.$image->id.'/delete')}}">
                                    <div class="desc">
                                        <img src="{{asset("$image->image")}}" class="img-responsive img-center" alt="">
                                        <div class="desc-in">
                                            <div class="btn btn-danger btn-round btn-more">حذف تصویر</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div><!-- /.portlet-body -->
        </div><!-- /.portlet -->
    </div><!-- /.col-lg-12 -->
@endsection

@section('js')

    @if(session('success'))
        <script>
            swal('','{{session('success')}}','success');
        </script>
    @elseif(session('error'))
        <script>
            swal('','{{session('error')}}','error');
        </script>
    @endif

@endsection