@extends('layouts.admin')
@section('title')
    افزودن عکس گالری
@endsection
@section('content')
    <div class="page-wrapper">
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class="container-fluid">
            <!-- ============================================================== -->
            <!-- Start Page Content -->
            <!-- ============================================================== -->
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-body">
                                            <h4 class="card-title">گالری تصاویر</h4>
                                            <form action="/admin/gallery/{{$gallery->id}}/gallery" enctype="multipart/form-data" method="post" class="dropzone dz-clickable">
                                                @csrf
                                                <div class="fallback">
                                                    <input name="file" type="file" multiple />
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <div class="table-responsive">
                <div id="file_export_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                    <table id="file_export" class="table table-striped table-bordered display dataTable"
                           role="grid" aria-describedby="file_export_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting" tabindex="0" aria-controls="file_export" rowspan="1"
                                colspan="1" aria-label="Name: activate to sort column ascending"
                                style="width: 0px;">عکس
                            </th>
                            <th>عملیات</th>
                        </tr>
                        </thead>
                        <tbody>
                        @php
                            $i=1;
                        @endphp
                        @if(isset($gallery->src))
                            @foreach(json_decode($gallery->src,true) as $item)
                                <tr role="row" class=" @if($i%2==0) even @else odd @endif">
                                    <td class=""><img src="/{{ $item }}" alt="" height="80" width="80"></td>
                                    <td>
                                        <a href="/admin/gallery/{{ $gallery->id }}/gallery/destroy?src={{ $item }}">
                                            <i class="mdi mdi-delete delete"
                                               style="font-size: 20px; color: red; cursor: pointer"></i>
                                        </a>

                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        </tbody>
                        <tfoot>
                        <tr>
                            <th rowspan="1" colspan="1">عکس</th>
                            <th rowspan="1" colspan="1">عملیات</th>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>




        </div>
    </div>
@endsection
@section('style')
    <!-- This Page CSS -->
    <link rel="stylesheet" type="text/css" href="/admin/assets/libs/dropzone/dist/min/dropzone.min.css">
@endsection

@section('script')
    <!-- This Page JS -->
    <script src="/admin/assets/libs/dropzone/dist/min/dropzone.min.js"></script>

@endsection