@extends('dash.layouts.app')
 @push('title')
        Gallery Edit
    @endpush
    @push('head') 
        <style type="text/css">
            .form-control{
                margin-top: 10px;
                border-radius: 0;
                border: 0;
                border-bottom: 1px solid #ddd;
            }
            .form-control:focus{
                margin-top: 10px;
                border-radius: 0;
                border: 0;
                border-bottom: 1px solid #007bff;
                border-outline: none;
                box-shadow: none;
            }
            .table td, .table th {
                 padding: unset; 
                vertical-align: top;
               border-top: 1px solid #fff;
            }
            .radio{
                margin-top: 20px;
            }
        </style>
        
    @endpush
@section('content')
<div class="animated fadeIn">
    <div class="row">
        <div class="breadcrumbs">
            <div class="breadcrumbs-inner">
                <div class="row m-0">
                    <div class="col-sm-4">
                        <div class="page-header float-left">
                            <div class="page-title">
                                <h1>{{@$gallery->title}}</h1>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <div class="page-header float-right">
                            <div class="page-title">
                                <ol class="breadcrumb text-right">
                                    <li><a href="" title="Dashboard">Dashboard</a></li>
                                    <li><a href="">Gallery</a></li>
                                    <li class="active">{{@$gallery->title}}</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div class="card">
    <div class="card-header">
        <strong>{{@$gallery->title}}</strong>
    </div>
    <div class="card-body">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form action="{{route('admin-gallery-update',[$gallery->id])}}" method="post" class="form-horizontal" enctype="multipart/form-data"  data-parsley-validate>
            @csrf
            @method('patch')
               
            <div class="row">
                <div class="form-group col-md-12">
                    <strong for="question" class="control-label mb-1">Title <small class="text-warning">*</small><small class="text-danger">*</small></strong>
                    <input id="title" name="title" type="text" class="form-control" aria-required="true" aria-invalid="false" placeholder="Title" required="" value="{{@$gallery->title}}">
                     <span class="text-danger"> {{ $errors->first('title') }}</span>
                </div>
                
                <div class="col-md-12">
                    <strong for="question" class="control-label mb-1">Long Description</strong>
                    <textarea name="desc" class="form-control">{{@$gallery->long_desc}}</textarea>
                    <span class="text-danger"> {{ $errors->first('desc') }}</span>
                </div>
               
                <div class="form-group col-md-4 mt-3">
                    <strong for="question" class="control-label mb-1">Thumbnail</strong>
                    <input name="thumbnail" type="file" class="form-control">
                    <span class="text-danger"> {{ $errors->first('thumbnail') }}</span>
                    @if(!empty($gallery->thumbnail))
                        <br/>
                        <img src="{{ asset('images/gallery') }}/{{$gallery->thumbnail}}" width="120" alt="img"> 
                    @else
                        <small class="text-warning"><i class="fa fa-warning"></i> No Image Found</small>
                    @endif
                </div>
                <div class="form-group col-md-4 mt-3">
                    <strong for="question" class="control-label mb-1">Banner</strong>
                    <input name="banner" type="file" class="form-control">
                     <span class="text-danger"> {{ $errors->first('banner') }}</span>
                    @if(!empty($gallery->banner))
                        <br/>
                        <img src="{{ asset('images/gallery') }}/{{$gallery->banner}}" width="120" alt="img"> 
                    @else
                        <small class="text-warning"><i class="fa fa-warning"></i> No Image Found</small>
                    @endif
                </div>
               
                <div class="form-group col-md-4 mt-3">
                    <div class="mt-3">
                        <strong>Status</strong><br/>
                        <label class="switch switch-green status">
                          <input type="checkbox" class="switch-input" checked value="1" name="status">
                          <span class="switch-label" data-on="On" data-off="Off"></span>
                          <span class="switch-handle"></span>
                        </label>
                    </div>
                </div>
                <div class="col-md-12 text-right">
                    <button type="reset" class="btn btn-secondary" data-dismiss="modal">Refresh</button>
                    <button type="submit" class="btn btn-primary">Update</button>
                </div>
            </div>
        </form>
    </div>
</div>
</div>

@endsection