@extends('admin.admin_master')
@section('content-header', $page_header)
@section('content')

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Gallery</li>
                        </ol>
                    </div>
                    <div class="col-sm-6">
                        <span class="float-right"><a href="{{ route($link . '.index') }}"
                                class="btn btn-sm btn-fill btn-warning">{!! VIEWLIST_ICON !!}</a></span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="card card-primary">
                <div class="card-body">
                    <form method="POST" action="{{ route($link . '.update', $record->id) }}" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        {{ method_field('PATCH') }}
                        <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                            <div class="form-group">
                                <label class="control-label" for="title">Title (English)</label>
                                <input type="text" class="form-control" id="title" name="title"
                                    value="{{ $record->title }}" required>
                                @if ($errors->has('title'))
                                    <span class="help-block text-danger">
                                        <p class="text-danger">{{ $errors->first('title') }} </p>
                                    </span>
                                @endif
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="image">Upload Image <p class="text-danger">
                                        <span>*</span>Maximum File Size Limit is 1MB and Image Format Must Be JPG, JPEG, PNG
                                        or GIF. </p> </label>
                                <div class="col-md-6">
                                    <input type="file" class="form-control" id="image" name="image"
                                        value="{{ $record->image }}" multiple>
                                    <p id="error1" style="display:none; color:#FF0000;">
                                        Invalid Image Format! Image Format Must Be JPG, JPEG, PNG or GIF.
                                    </p>
                                    <p id="error2" style="display:none; color:#FF0000;">
                                        Maximum File Size Limit is 1MB.
                                    </p>
                                    @if ($errors->has('image'))
                                        <span class="help-block text-danger">
                                            <p class="text-danger">{{ $errors->first('image') }} </p>
                                        </span>
                                    @endif
                                </div>
                                @if (isset($record) && $record->image)
                                    <div class="col-md-3 form-image">
                                        <a class="image_zoom lumos-link" data-lumos="gallery1"
                                            href="{{ asset($record->upload . $record->image) }}" target="_blank">
                                            <img src="{{ asset($record->thumb . $record->image) }}"
                                                alt="{{ $record->title }}" class="img-thumbnail image_list" />
                                        </a>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="lang">Choose Language</label>
                                <select name="lang" id="lang" class="form-control">
                                    <option value="" selected disabled>Select Language</option>
                                    <option value="en" @if ($record->lang == 'en') {{ 'selected' }} @endif>
                                        English</option>
                                    <option value="np" @if ($record->lang == 'np') {{ 'selected' }} @endif>
                                        Nepali</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="status">Status</label>
                                <select name="status" id="statusid" class="form-control">
                                    <option value="1" @if ($record->status == '1') {{ 'selected' }} @endif>
                                        {!! PUBLISH !!}</option>
                                    <option value="0" @if ($record->status == '0') {{ 'selected' }} @endif>
                                        {!! UNPUBLISH !!}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <input type="hidden" name="id" value="{{ $record->id }}">
                                <button type="submit" id="submit"
                                    class="btn btn-sm btn-fill btn-success">Update</button>
                                <!-- <a href="{{ route('gallery.index') }}" class="btn btn-default btn-md">Back</a> -->
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </div>
@endsection