@extends('back.layouts.layout')
@section('title','Edit Photo')

@section('content-header')
    <section class="content-header">
        <h1>Edit Photo</h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashcube"></i> Dashboard</a></li>
            <li>Photo</li>
            <li class="active">Edit Photo</li>
        </ol>
    </section>
@endsection
@section('content')
    <section class="content container-fluid">
        <form action="{{ route('photo.update',$photo->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('put')
            <fieldset class="content-group">
                <div class="row">
                    <div class="col-md-8">
                        <div class="box box-primary">
                            <div class="box-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">Name<span class="text-danger"> *</span></label>
                                            <input type="text" name="name" class="form-control" value="{{ (!empty(old('name')))  ? old('name') : $photo->name }}" required="required" autofocus/>
                                            @if ($errors->has('name'))<span class="help-block text-danger">{{ $errors->first('name') }}</span>@endif
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">Album<span class="text-danger"> *</span></label>
                                            <select name="album_id" class="form-control select2" required>
                                                <option value="">Select Album</option>
                                                @foreach($albums as $album)
                                                    <option value="{{ $album->id }}" @if(!empty(old('album_id')) && old('album_id')== $album->id) selected @elseif($album->id == $photo->album_id) selected @endif>{{ $album->name }}</option>
                                                @endforeach
                                            </select>
                                            @if ($errors->has('album_id'))<span class="help-block text-danger">{{ ($errors->first('album_id')) ? old('name') : $photo->name }}</span>@endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box box-warning">
                            <div class="box-header with-border text-bold">Image</div>
                            <div class="box-body">
                                @if($photo->image!="")
                                    <div class="text-center margin-bottom">
                                        <img src="{{ asset($photo->image) }}" style="height: 200px;width: 200px;">
                                    </div>
                                @endif
                                <div class="form-group">
                                    <input type="file" name="image" class="form-control">
                                    @if ($errors->has('image'))<span class="help-block text-danger">{{ $errors->first('image') }} </span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="box box-info">
                            <div class="box-header with-border text-bold">Status</div>
                            <div class="box-body">
                                <div class="form-group">
                                    <select class="form-control" name="status" required>
                                        @foreach($statuses as $key=> $status)
                                            <option value="{{ $key }}" @if(!empty(old('status')) && old('status')== $key) selected @elseif($key == $photo->status) selected @endif>{{ $status }}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('status'))<span class="help-block text-danger">{{ $errors->first('status') }} </span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="box box-success">
                            <div class="box-header with-border text-bold">Publish</div>
                            <div class="box-body">
                                <button type="submit" name="save" class="btn btn-success"><i class="fa fa-save"></i> Save</button>
                                <a type="button" class="btn bg-maroon" href="{{ route('photo.index') }}"><i class="fa fa-th-list"></i> Photo List</a>
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
        </form>
    </section>
@endsection