@extends('layouts.master')
@section('title',__('Edit Genre').''." - $genre->name")
@section('breadcum')
	<div class="breadcrumbbar">
    <h4 class="page-title">{{ __('HOME') }}</h4>
    <div class="breadcrumb-list">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{url('/admin')}}">{{ __('Dashboard') }}</a></li>
          <li class="breadcrumb-item active" aria-current="page">{{ __('Edit Genre') }}</li>
        </ol>
    </div> 
  </div>
@endsection
@section('maincontent')
<div class="contentbar">
  <div class="row">
    @if ($errors->any())  
  <div class="alert alert-danger" role="alert">
  @foreach($errors->all() as $error)     
  <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
  <span aria-hidden="true" style="color:red;">&times;</span></button></p>
      @endforeach  
  </div>
  @endif
    <div class="col-lg-12">
      <div class="card m-b-50">
        <div class="card-header">
          <a href="{{url('admin/genres')}}" class="float-right btn btn-primary-rgba mr-2"><i
            class="feather icon-arrow-left mr-2"></i>{{ __('Back') }}</a>
          <h5 class="box-title">{{__('Edit Genre')}}</h5>
        </div>
        <div class="card-body ml-2">
          {!! Form::model($genre, ['method' => 'PATCH', 'action' => ['GenreController@update', $genre->id],'files' => true]) !!}
            <div class="row">
              <div class="col-md-12">
                <div class="form-group {{ $errors->has('name') ? ' has-error' : '' }}">
                  <label for="name">
                    {{ __('Name') }}:
                    <sup class="text-danger">*</sup>
                  </label>
                  <input value="{{ $genre->name }}" autofocus required name="name" type="text" class="form-control"
                    placeholder="{{ __('Please Enter Genre Name') }}" />
                  <small class="text-danger">{{ $errors->first('name') }}</small>
                </div>

                <div class="form-group{{ $errors->has('genre') ? ' has-error' : '' }} input-file-block">
                  {!! Form::label('image', __('Genre Image')) !!}
                  <div class="thumbnail-img-block">
                    @if(isset($genre->image) && $genre->image != NULL)
                    <img src="{{url('/images/genre/'.$genre->image)}}" id="image" class="img-fluid" alt="">
                  @else
                  <img src="{{ url('images/default-thumbnail.jpg')}}" id="image" class="img-fluid" alt="">
                  @endif
                  </div>
                  <div class="input-group">
                    <input id="img_upload_input" type="file" name="image" class="form-control" onchange="readURL(this);" />
                  </div>
                  <small class="text-danger">{{ $errors->first('image') }}</small>
                </div>


              </div>
              <div class="col-lg-12">
              
                <div class="form-group">
                  <button type="reset" class="btn btn-success-rgba">{{__('Reset')}}</button>
                  <button type="submit" class="btn btn-primary-rgba"><i class="fa fa-check-circle"></i>
                    {{ __('Update') }}</button>
                </div>
                {!! Form::close() !!}
                <div class="clear-both"></div>
            
              </div>
      </div>
    </div>
  </div>
</div>
</div>
@endsection 
@section('script')
<script>
  $(function(){
    $('form').on('submit', function(event){
      $('.loading-block').addClass('active');
    });
    $(".toggle-password2").click(function() {

    $(this).toggleClass("fa-eye fa-eye-slash");
    var input = $($(this).attr("toggle"));
    if (input.attr("type") == "password") {
      input.attr("type", "text");
    } else {
      input.attr("type", "password");
    }
    });
  });

  
  
</script>
<script>
  function readURL(input) {

    if (input.files && input.files[0]) {
      var reader = new FileReader();

      reader.onload = function (e) {
        $('#' + input.name).attr('src', e.target.result);
      }
      
      reader.readAsDataURL(input.files[0]);
    }
  }
</script>

    
@endsection