File: /home/imensosw/liftcincy.imenso.co/resources/views/admin/artists/edit.blade.php
@extends('layouts.admin')
@section("style")
<link href="{{ asset('assets/plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/select2/css/select2-bootstrap4.css')}}" rel="stylesheet" />
<link rel="stylesheet" href="{{URL::asset('assets/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.min.css')}}">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
@endsection
@section('pageTitle')
<title>{{ trans('panel.site_title') }} {{ trans('artist.artist') }}</title>
@endsection
@section('content')
<!--start page wrapper -->
<div class="page-wrapper">
<div class="page-content">
<!--breadcrumb-->
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
<div class="breadcrumb-title pe-3">{{ trans('artist.artists') }}</div>
<div class="ps-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 p-0">
<li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{ trans('global.edit') }} {{ trans('artist.artist') }} </li>
</ol>
</nav>
</div>
<div class="ms-auto">
<div class="btn-group">
<a href="{{ route("admin.artists.index") }}" class="btn btn-primary"> {{ trans('artist.artist') }} {{ trans('global.list') }}</a>
</div>
</div>
<hr/>
</div>
<!--end breadcrumb-->
@include('layouts/notification')
<form action='{{ route("admin.artists.update", [$artist->id]) }}' method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="card">
<div class="card-body">
<h3>{{trans('artist.detail')}}</h3>
<hr/>
<div class="row">
<div class="col-12">
<div class="form-group {{ $errors->has('artist_title') ? 'has-error' : '' }}">
<label for="artist_title">{{trans('new.title')}}<small class="text-danger">*</small></label>
<input type="text" id="artist_title" name="artist_title" class="form-control" value="{{ old('artist_title', isset($artist) ? $artist->artist_title : '') }}" >
@if($errors->has('artist_title'))
<p class="text-danger small">
{{ $errors->first('artist_title') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div class="form-group {{ $errors->has('slug') ? 'has-error' : '' }}">
<label for="slug">{{trans('new.slug')}}<small class="text-danger">*</small></label>
<input type="text" id="slug" name="slug" class="form-control" value="{{ old('slug', isset($artist) ? $artist->slug : '') }}" >
@if($errors->has('slug'))
<p class="text-danger small">
{{ $errors->first('slug') }}
</p>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h3>{{trans('artist.detail')}}</h3>
<div class="row">
<div class="col-12 mb-2">
<div class="form-group {{ $errors->has('artist_image') ? 'has-error' : '' }}">
<label for="artist_image">{{trans('new.f_image')}}<small class="text-danger">*</small></label>
<input class="form-control upload_artist_image" type="file" id="artist_image" accept="image/*" value="Upload" />
<div class="progress mb-3 mt-3 bg-white" style="height: 5px">
<div class="progress-bar artist_image_bar" role="progressbar" style="width: 0%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
@if($errors->has('artist_image'))
<p class="text-danger small">
{{ $errors->first('artist_image') }}
</p>
@endif
</div>
</div>
<div class="col-12 mb-3 artist_image_div">
<?php $artist_image = URL::asset('images/feature_image.png'); ?>
@if(!empty($artist->artist_image))
<?php $artist_image = URL::asset('Artist/'.$artist->id.'/'.$artist->artist_image); ?>
@endif
<a href="{{$artist_image}}" class="" border download><img src="{{$artist_image}}" class="feature_imag img-responsive artist_image_file" alt="Feature Image" /></a>
<a href="javascript:;" class="text-danger delete_artist_image" data_id="{{$artist->id}}" data_col="artist_image">{{trans('new.delete')}}</a>
</div>
<div class="col-12">
<div class="form-group {{ $errors->has('artist_desc') ? 'has-error' : '' }}">
<label for="artist_desc">{{trans('new.desc')}}<small class="text-danger">*</small></label>
<textarea type="artist_desc" id="artist_desc" name="artist_desc" class="form-contro textarea_editor" >{{ old('artist_desc', isset($artist) ? $artist->artist_desc : '') }}</textarea>
@if($errors->has('artist_desc'))
<p class="text-danger small">
{{ $errors->first('artist_desc') }}
</p>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12">
<div class="form-group {{ $errors->has('artist_apple_music_link') ? 'has-error' : '' }}">
<label for="artist_apple_music_link">{{trans('new.apple')}}<small class="text-danger">*</small></label>
<input type="url" id="artist_apple_music_link" name="artist_apple_music_link" class="form-control" value="{{ old('artist_apple_music_link', isset($artist) ? $artist->artist_apple_music_link : '') }}" >
@if($errors->has('artist_apple_music_link'))
<p class="text-danger small">
{{ $errors->first('artist_apple_music_link') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div class="form-group {{ $errors->has('artist_spotify_music_link') ? 'has-error' : '' }}">
<label for="artist_spotify_music_link">{{trans('new.spotify')}}<small class="text-danger">*</small></label>
<input type="url" id="artist_spotify_music_link" name="artist_spotify_music_link" class="form-control" value="{{ old('artist_spotify_music_link', isset($artist) ? $artist->artist_spotify_music_link : '') }}" >
@if($errors->has('artist_spotify_music_link'))
<p class="text-danger small">
{{ $errors->first('artist_spotify_music_link') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div class="form-group {{ $errors->has('iframe_title') ? 'has-error' : '' }}">
<label for="iframe_title">{{__('iFrame Title')}}<small class="text-danger"></small></label>
<input type="text" id="iframe_title" name="iframe_title" class="form-control" value="{{ old('iframe_title', isset($artist) ? $artist->iframe_title : '') }}" >
@if($errors->has('iframe_title'))
<p class="text-danger small">
{{ $errors->first('iframe_title') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div class="form-group {{ $errors->has('artist_video') ? 'has-error' : '' }}">
<label for="artist_video">{{trans('new.youtube')}}<small class="text-danger">*</small></label>
<textarea id="artist_video" name="artist_video" class="form-control" >{{ old('artist_video', isset($artist) ? $artist->artist_video : '') }}</textarea>
@if($errors->has('artist_video'))
<p class="text-danger small">
{{ $errors->first('artist_video') }}
</p>
@endif
</div>
</div>
<div class="col-12">
<div class="form-group {{ $errors->has('live_status') ? 'has-error' : '' }}">
<label for="live_status">{{trans('artist.status')}}<small class="text-danger">*</small></label>
<select name="live_status" class="form-control select2 single-select live_status" id="live_status">
<option value="">{{trans('new.select_status')}}</option>
<option value="1" @if(old('live_status', isset($artist) ? $artist->live_status : '') == 1) selected @endif >{{trans('event.yes')}}</option>
<option value="0" @if(old('live_status', isset($artist) ? $artist->live_status : '') == 0) selected @endif >{{trans('event.no')}}</option>
</select>
@if($errors->has('live_status'))
<p class="text-danger small">
{{ $errors->first('live_status') }}
</p>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div>
<button class="btn btn-primary" type="submit" >{{ trans('global.update') }}</button>
<a class="btn btn-secondary waves-effect waves-ripple mr-3" href="{{ route('admin.artists.index') }}">{{ trans('global.back_to_list') }}</a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
@endsection
@section("script")
<script src="{{ asset('assets/plugins/select2/js/select2.min.js')}}"></script>
<script>
$(document).ready(function(){
$('#artist_title').on('blur',function(){
var opp_name = $(this).val();
var slug = opp_name.replace(/\s+/g, '-');
if($('#slug').val().length == 0){
$('#slug').val(slug.toLowerCase());
}
});
$('body').on('click', '.delete_artist_image', function(ev) {
var data_id = $(this).attr('data_id');
var data_col = $(this).attr('data_col');
var files_div = data_col+'_file';
var postData=new FormData();
postData.append('artist_id','{{$artist->id}}');
postData.append('data_col','artist_image');
var url="{{ route('admin.artists.delete_artist_image') }}";
swal({
title: "{{ trans('new.areYouSure') }}",
text: "{{ trans('new.deleteMessage') }}",
icon: "info", //Success, warning, info, error
buttons: true,
dangerMode: true,
})
.then((willComment) => {
if (willComment) {
$.ajax({
headers:{'X-CSRF-Token':'{{ csrf_token() }}'},
async:true,
type:"post",
dataType: 'json',
contentType:false,
url:url,
data:postData,
processData:false,
success:function(data){
if(data.success == 'done'){
$('body').find('.'+files_div).attr('src',data.doc_url);
$('.delete_artist_image').hide();
swal("Done!",data.msg,"success");
}else{
swal("Opps!",data.msg,"error");
}
},
error: function(data, errorThrown)
{
swal("Opps!",errorThrown,"error");
},
});
}
});
});
$('body').on('change', '.upload_artist_image', function(ev) {
var filedata=this.files[0];
var input = $(this).attr('id');
var input_id = $(this).attr('id');
var prograss_bar = input+'_bar';
var files_div = input+'_file';
$('body').find('.'+prograss_bar).parent('.progress').show();
$('body').find('.'+prograss_bar).attr('style','');
$('body').find('.'+prograss_bar).removeClass('bg-success');
$('body').find('.'+prograss_bar).addClass('bg-danger');
var imgtype=filedata.type;
var reader=new FileReader();
reader.onload=function(ev){
//$('.front_door_img_file').attr('src',ev.target.result).css('width','150px').css('height','150px');
}
reader.readAsDataURL(this.files[0]);
var postData=new FormData();
postData.append('artist_id','{{$artist->id}}');
postData.append('field_name',input);
postData.append('field_value',this.files[0]);
var url="{{ route('admin.artists.upload_artist_image') }}";
$.ajax({
headers:{'X-CSRF-Token':'{{ csrf_token() }}'},
async:true,
type:"post",
dataType: 'json',
contentType:false,
url:url,
data:postData,
processData:false,
success:function(data){
if(data.success == 'done'){
swal("Done!",data.msg,"success");
$('body').find('.'+files_div).attr('src',data.doc_url);
$('body').find('.'+prograss_bar).removeClass('bg-danger');
$('body').find('.'+prograss_bar).addClass('bg-success');
$('.delete_artist_image').show();
$('.delete_artist_image').attr('data_id');
var $el = $('#'+input_id);
$el.wrap('<form>').closest('form').get(0).reset();
$el.unwrap();
}else{
swal("Opps!",data.msg,"error");
}
},
error: function(data, errorThrown)
{
swal("Opps!",errorThrown,"error");
},
xhr: function()
{
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt){
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
var pers = parseInt(percentComplete * 100);
var bar_per = 5;
if(pers > 5){
bar_per = (pers / 5) * 5;
}
var class_p = 'width: '+bar_per+'%';
$('body').find('.'+prograss_bar).attr('style',class_p);
}
}, false);
xhr.addEventListener("progress", function(evt){
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
}
}, false);
return xhr;
}
});
});
});
</script>
@endsection