@extends('layouts.admin')

@section('content')

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <strong>Create Gallery</strong>
                </div>
            
                <div class="card-body">
                    <div class="form-group">
                        <label for="labelTitle">Name</label>
                        <input type="text" id="labelTitle" name="name" class="form-control" value="{{ $gallery->name }}">
                    </div>
                </div>    
            </div>    
        </div>

        <div class="col-md-9">
            <div class="card">
                <div class="card-header">
                    <strong>Select Images</strong>
                </div>
            
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">

                        @php $incrementor = 0 @endphp
                        
                            <table class="table table-striped">
                                <tbody>
                                    @foreach($images as $image) 
                                        
                                        <div class="mb-3">
                                            @include('admin.partials.inputs.galleryFileInput', [
                                                'i' => $incrementor++, 
                                                'name'  => 'image[]',
                                                'value' => $image->url, 
                                            ])
                                        </div>

                                    @endforeach
                                    
                                    @if($incrementor < 8) 

                                        @for($incrementor; $incrementor < 8; $incrementor++) 
                                            
                                            <div class="mb-3">
                                                @include('admin.partials.inputs.galleryFileInput', [
                                                    'i' => $incrementor, 
                                                    'name'  => 'image[]',
                                                    'value' => '' 
                                                ])
                                            </div>
                                        @endfor

                                    @endif
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-3">
            <div class="card">
                <div class="card-header">
                    <strong>Gallery Settings</strong>
                </div>

                <div class="card-body">
                    <div class="row">
                        
                        <div class="col-sm-12">
                            <h3>Navigation</h3>
                            <div class="form-group">
                                <p>Arrows</p>
                                
                                @php 
                                $value = array_get($gallery->options, 'arrows', 0)
                                @endphp
                                @include('admin.partials.inputs.checkbox', ['name' => 'options[arrows]', 'value' => $value])


                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <p>Pager</p>
                                @php 
                                $value = array_get($gallery->options, 'pager', 0)
                                @endphp
                                @include('admin.partials.inputs.checkbox', ['name' => 'options[pager]', 'value' => $value])

                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <p>Pause (on hover)</p>
                                @php 
                                $value = array_get($gallery->options, 'pause', 0)
                                @endphp
                                @include('admin.partials.inputs.checkbox', ['name' => 'options[pause]', 'value' => $value])

                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-sm-12">
                            <h3>Effects</h3>
                            <p>Ken Burns</p>
                            @php 
                            $value = array_get($gallery->options, 'ken-burns', 0)
                            @endphp
                            @include('admin.partials.inputs.checkbox', ['name' => 'options[ken-burns]', 'value' => $value])

                            <p>Randomise Order</p>
                            @php 
                            $value = array_get($gallery->options, 'random', 0)
                            @endphp
                            @include('admin.partials.inputs.checkbox', ['name' => 'options[random]', 'value' => $value])

                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="labelInterval">Interval</label>
                                <input type="number" id="labelInterval" name="options[interval]" class="form-control" value="{{ array_get($gallery->options, 'interval', 0) }}" placeholder="5000">
                                <small>Milliseconds</small>
                            </div>
                        </div>        
                    
                    </div>
                </div>


            </div>
        </div>
    </div>


@endsection