@extends('main.layouts.app')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-8">
        <h2> Artists Page </h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"> <a href="dashboard"> Home </a>  </li>
            <li class="breadcrumb-item"> <a href="{{ route('artists.index') }}">Artists</a></li>
            <li class="breadcrumb-item"> <a href="{{ route('artists.create') }}">Add Artist</a></li>
        </ol>
    </div>
    <div class="col-sm-4">
        <div class="title-action">
            {{-- Additional actions can go here --}}
        </div>
    </div>
</div>

<div class="wrapper wrapper-content">
    <div class="animated fadeInUp">
        <form action="{{ route('artists.store') }}" method="post" enctype="multipart/form-data">
            @csrf

            <div class="form-group">
                <label>Artist Name</label>
                <input type="text" name="artist_name" class="form-control" value="{{ old('artist_name') }}" required>
            </div>

            <input type="submit" class="btn btn-primary" name="save" value="Submit">
        </form>
    </div>
</div>

@endsection