@extends('master.layouts.app')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    {{ __('Add/Update Category') }}
                </div>
                <div class="card-body">
                    @if(isset($category))
                    <form method="POST" action="{{ route('category.update', $category->id) }}" enctype="multipart/form-data">
                        @method('PUT')
                        @else
                        <form method="POST" action="{{ route('category.store') }}" enctype="multipart/form-data">
                            @endif
                            @csrf
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name', $category->name ?? '') }}" required autocomplete="name" placeholder="Name">
                                    @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <input id="name" type="text" class="form-control @error('position') is-invalid @enderror" name="position" value="{{ old('position', $category->position ?? '') }}" required autocomplete="position" placeholder="Position">
                                    @error('position')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <input id="timeline" type="text" class="form-control @error('timeline') is-invalid @enderror" name="timeline" value="{{ old('timeline', $category->timeline ?? '') }}" required placeholder="Timeline">
                                    @error('timeline')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <select class="form-control @error('bucket') is-invalid @enderror" id="bucket" name="bucket">
                                        <option value="">Choose Bucket</option>
                                        <option value="artwork" @if($category->bucket ?? '' == 'artwork') selected @endif>Artwork</option>
                                        <option value="creative" @if($category->bucket ?? '' == 'creative') selected @endif>Creative</option>
                                    </select>
                                    @error('bucket')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <select class="form-control @error('parent_id') is-invalid @enderror" id="parent_id" name="parent_id">
                                        <option value="">Choose Parent</option>
                                        @foreach ($categories as $key => $categoryData)
                                        <option value="{{$categoryData->id ?? ''}}" {{$categoryData->id == isset($category) && $category->parent_id ? 'selected' : ''}}>{{$categoryData->name ?? ''}}</option>
                                        @endforeach
                                    </select>
                                    @error('parent_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <input id="media" type="file" class="form-control" name="media">
                                    @error('media')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <select class="form-control @error('project_type') is-invalid @enderror" id="project_type" name="project_type">
                                        <option value="">Choose Project type</option>
                                        @foreach ($project_type as $key => $type)
                                        <option value="{{$type->id ?? ''}}" {{ $type->id == isset($category) &&  $category->project_type ? 'selected' : ''}}> {{$type->name ?? ''}}</option>
                                        @endforeach
                                    </select>
                                    @error('project_type')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <button type="submit" class="btn btn-primary">
                                        {{ __('Submit') }}
                                    </button>
                                </div>
                            </div>
                        </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection