@if(session('success'))
    <div class="alert alert-success">
      <button data-dismiss="alert" class="close" type="button">&times;</button>
      {{session('success')}}
    </div><!--alert--> <br>
@endif

@if(session('error'))
    <div class="alert alert-danger">
      <button data-dismiss="alert" class="close" type="button">&times;</button>
      {{session('error')}}
    </div><!--alert--> <br>
@endif

<div class="form-group {{ $errors->has('image') ? ' has-error' : '' }}">                                                    
    <label class="col-lg-12 control-label">Gallery Image</label>
    <div class="col-lg-12">  
        <input type="file" class="btn btn-warning btn-rounded btn-4 font-weight-semibold text-0" name="image" id="image">
        @if(isset($gallery->image) && $gallery->image != '')
            <hr> 
            <img src="{{ url('uploads/galleries/'.$gallery->image) }}" class="img-responsive" alt="" width="300"> 
            <br>
            <button class="btn btn-danger del-image" data-delete="{{url('/cms/galleries/edit/'.$gallery->id.'/delImage')}}" data-reload="{{url('/cms/galleries/edit/'.$gallery->id)}}" data-method="delete" value="{{ isset($gallery->id) && $gallery->id != '' ? $gallery->id : '' }}"/>Remove Image</button> 
            <hr>
        @endif
    </div>
</div> 
 
<div class="form-row">
    <div class="form-group col-md-12">
        <label for="remark">Remark</label>
        <input type="text" value="" data-msg-required="Key in the remark" maxlength="100" class="form-control" name="remark" id="remark" placeholder="Key in the remark">
    </div>

    @if ($errors->has('remark'))
    <span class="help-block">
        <strong>{{ $errors->first('remark') }}</strong>
    </span>
    @endif    

</div>

<div class="form-group">
    <div class="col-lg-offset-4 col-lg-12">
        {{ csrf_field() }}
        @if(isset($gallery))
            {{ method_field('PATCH') }}
            <input type="hidden" name="id" value="{{ $gallery->id }}">
        @endif
        <button class="btn btn-primary btn-rounded btn-4 font-weight-semibold text-0" type="submit">Save</button>
        <button class="btn btn-default btn-rounded btn-4 font-weight-semibold text-0" type="reset">Reset</button>
    </div>
</div>