@extends('backend.layouts.app')
@section('content')
<div class="row">
    <div class="card-body">
        <form action="{{route('performance.store')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-lg-7">
                    <div class="card">
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-lg-3 mb-3">
                                    <h1 class="card-title">Create Performance</h1>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="title" class="form-label">Title <span class="text-danger">*</span></label>
                                </div>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control @error('title') is-invalid @enderror" name="title" placeholder="Enter Title" value="{{old('title')}}">
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="image" class="form-label">Image <span class="text-danger">*</span></label>
                                </div>
                                <div class="col-lg-9">
                                    <input type="file" class="form-control @error('image') is-invalid @enderror" name="image">
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="description" class="form-label">Description</label>
                                </div>
                                <div class="col-lg-9">
                                    <textarea class="form-control rns-textEditor" name="description" rows="4">{!! old('description') !!}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="card">
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-lg-4">
                                    <label for="date" class="form-label">Date & Time <span class="text-danger">*</span></label>
                                </div>
                                <div class="col-lg-4">
                                    <input type="text" name="start_date" class="form-control @error('start_date') is-invalid @enderror" data-provider="flatpickr" data-date-format="d-m-Y" placeholder="Set Date" value="{{old('start_date')}}">
                                </div>
                                <div class="col-lg-4">
                                    <input type="time" name="start_time" class="form-control @error('start_time') is-invalid @enderror">
                                </div>
                            </div>
                            <div class="row mb-0">
                                <div class="col-lg-4">
                                    <label for="category" class="form-label">Category <span class="text-danger">*</span></label>
                                </div>
                                <div class="col-lg-8 mb-3">
                                    <select class="form-control rns-selectpicker" name="category">
                                        <option value="">Choose Category</option>
                                        @foreach($category as $item)
                                        <option value="{{$item->id}}">{{ $item->title}}</option>
                                        @endforeach
                                    </select>
                                    @error('category')
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span> 
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-0">
                                <div class="col-lg-4">
                                    <label for="venue" class="form-label">Venue <span class="text-danger">*</span></label>
                                </div>
                                <div class="col-lg-8 mb-3">
                                    <select class="form-control rns-selectpicker" name="venue">
                                        <option value="">Choose Venue</option>
                                        @foreach($venue as $item)
                                            <option value="{{$item->id}}">{{ $item->name}}</option>
                                        @endforeach
                                    </select>
                                    @error('venue') 
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span> 
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-0">
                                <div class="col-lg-4">
                                    <label for="managed_by" class="form-label">Maneged By <span class="text-danger">*</span></label>
                                </div>
                                <div class="col-lg-8 mb-3">
                                    <select class="form-control rns-selectpicker" name="managed_by">
                                        <option value="">Choose Maneged By</option>
                                        @foreach($contracted_by as $item)
                                            <option value="{{$item->id}}">{{ $item->name}}</option>
                                        @endforeach
                                    </select>
                                    @error('managed_by') 
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span> 
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-0">
                                <div class="col-lg-4">
                                    <label for="artist" class="form-label">Select Artist <span class="text-danger">*</span></label>
                                </div>
                                <div class="col-lg-8 mb-3">
                                    <select class="form-control rns-selectpicker" name="artist">
                                        <option value="">Choose Artist</option>
                                        @foreach($artist as $item)
                                            <option value="{{$item->id}}">{{ $item->stage_name}}</option>
                                        @endforeach
                                    </select>
                                    @error('artist') 
                                        <span class="text-danger">
                                            {{ $message }}
                                        </span> 
                                    @enderror
                                </div>
                            </div>
                            <div class="text-end">
                                <button type="submit" class="btn btn-primary">Add Performance</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection
@section('script')
@endsection