@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 Project Inputs') }}
                </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('project_input.store') }}" enctype="multipart/form-data">
                            @endif
                            @csrf
                            <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="clone_data">
                                <div class="form-group row">
                                    <div class="col-md-6">
                                        <textarea id="label" type="text" class="form-control @error('label') is-invalid @enderror" name="label" placeholder="Enter label">{{ old('label', $category->label ?? '') }}</textarea>

                                        @error('label')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <textarea id="meta_description" type="text" class="form-control @error('meta_description') is-invalid @enderror" name="meta_description" placeholder="Description">{{ old('meta_description', $category->meta_description ?? '') }}</textarea>
                                        @error('meta_description')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-12">
                                        <input id="meta_name" type="text" class="form-control @error('meta_name') is-invalid @enderror" name="meta_name" value="{{ old('meta_name', $category->meta_name ?? '') }}" autocomplete="name" placeholder="Name">
                                        @error('meta_name')
                                        <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="heading" type="text" class="form-control @error('heading') is-invalid @enderror" name="heading" value="{{ old('heading', $category->heading ?? '') }}" placeholder="Heading">
                                        @error('heading')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <input id="subheading" type="text" class="form-control @error('subheading') is-invalid @enderror" name="subheading" value="{{ old('subheading', $category->subheading ?? '') }}" placeholder="Subheading">
                                        @error('subheading')
                                        <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="placeholder" type="text" class="form-control @error('placeholder') is-invalid @enderror" name="placeholder" value="{{ old('placeholder', $category->placeholder ?? '') }}" placeholder="Placeholder">
                                        @error('placeholder')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <select class="form-control @error('type') is-invalid @enderror" id="type" name="type">
                                            <option value="">Choose Input Type</option>
                                            <option value="text">Text</option>
                                            <option value="file">File</option>
                                            <option value="number">Number</option>
                                            <option value="password">Password</option>
                                            <option value="textarea">TextArea</option>
                                            <option value="select" class="have_option">Select Box</option>
                                            <option value="radio" class="have_option">Radio</option>
                                            <option value="checkbox" class="have_option">Checkbox</option>
                                        </select>
                                        @error('type')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-6">
                                        <div class="form-check form-check-inline">
                                            <input type="checkbox" name="is_multiple" class="form-check-input" id="is_multiple">
                                            <label class="form-check-label" for="is_multiple">
                                                is Multiple Option ?
                                            </label>
                                        </div>
                                        @error('is_multiple')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="row d-none get_input_options">
                                    <div class="col-md-12">
                                        <h6>Please Add Options here</h6>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <div class="multiple-form-group input-group">
                                            <input type="text" name="option[key][]" class="form-control" placeholder="Option Text">
                                            <input type="text" name="option[value][]" class="form-control" placeholder="Value">
                                            <span class="input-group-btn">
                                                <button type="button" class="btn btn-success btn-add">+</button>
                                            </span>
                                            <!-- <span class="input-group-btn ml-2">
                                                <button type="button" class="btn btn-success btn-suboption">+ Suboption</button>
                                            </span> -->

                                        </div>
                                    </div>
                                </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
@section('script')
<script src="{{ asset('assets/admin/js/dynamic_input.js?v='.time()) }}"></script>
<script src="{{ asset('assets/admin/js/project_input.js?v='.time()) }}"></script>
@endsection