{{ Form::open(['url' => 'artist', 'method' => 'post','enctype' => 'multipart/form-data']) }}
<div class="row">
    <div class="col-12">
        
        <div class="form-group">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('Avatar') }}</h5>
                    </div>
                    <div class="card-body pt-0">
                        <div class="setting-card">
                            {{-- <div class="logo-content mt-4">
                                <img src="" width="170px" class="img_setting">
                            </div> --}}
                            {{-- <div class="choose-files mt-5"> --}}
                            <div class="choose-files mt-3">
                                <label for="company_logo">
                                    <div class="bg-primary company_logo_update"> <i
                                            class="ti ti-upload px-1"></i>{{ __('Choose file here') }}
                                    </div>
                                    <p id="company_logo-text" class="mt-2 small text-muted"></p>
                                    <input type="file" name="avatar"
                                        id="company_logo" class="form-control file "
                                        data-filename="company_logo_update">
                                </label>
                            </div>
                            @error('company_logo')
                                <div class="row">
                                    <span class="invalid-logo" role="alert">
                                        <strong
                                            class="text-danger">{{ $message }}</strong>
                                    </span>
                                </div>
                            @enderror
                        </div>
                    </div>
                </div>
        </div>
        <div class="form-group">
            {{ Form::label('artist_name', __('Artist Name'),['class' => 'col-form-label']) }}
            {{ Form::text('artist_name', null, ['class' => 'form-control','placeholder' => __('Artist Name'),'required' => 'required']) }}
        </div>
        <div class="form-group">
            {{ Form::label('twitter', __('Twitter'),['class' => 'col-form-label']) }}
            {{ Form::text('twitter', null, ['class' => 'form-control','placeholder' => __('Twitter'),'required' => 'required']) }}
        </div>
        <div class="form-group">
            {{ Form::label('instagram', __('Instagram'),['class' => 'col-form-label']) }}
            {{ Form::text('instagram', null, ['class' => 'form-control','placeholder' => __('Instagram'),'required' => 'required']) }}
        </div>
        <div class="form-group">
            {{ Form::label('tiktok', __('Tiktok'),['class' => 'col-form-label']) }}
            {{ Form::text('tiktok', null, ['class' => 'form-control','placeholder' => __('Tiktok'),'required' => 'required']) }}
        </div>
        <div class="form-group">
            {{ Form::label('bio', __('Bio'),['class' => 'col-form-label']) }}
            {{Form::textarea('bio', null, ['class'=>'form-control','rows'=>'4','required' => 'required'])}}
        </div>
    </div>
    <div class="form-group col-12 d-flex justify-content-end col-form-label">
        <input type="button" value="{{ __('Cancel') }}" class="btn btn-secondary btn-light" data-bs-dismiss="modal">
        <input type="submit" value="{{ __('Save') }}" class="btn btn-primary ms-2">
    </div>
</div>
{{ Form::close() }}

<script>

$(document).ready(function() {
    $("#company_logo").change(function() {
        $("#company_logo-text").html($("#company_logo")[0].files[0].name);
      });
});
</script>