@extends('layouts.app')
@section('content')
<style>
	label{
		font-weight: bold !important;
	}
	span.required{
		color:red;
	}
    div.popover{
        width:100% !important;
    }
</style>
	<!-- Page Header -->
	<div class="page-header row no-gutters py-4">
	  <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
	    <span class="text-uppercase page-subtitle">Projects Type</span>
	    <h3 class="page-title">{{isset($edit)? 'Edit': 'Add New'}}</h3>
	  </div>
	</div>
	<!-- End Page Header -->
    <form class="add-new-post" action="{{isset($edit)?route('project_type.update', $edit):route('project_type.store')}}" method="post">
        <div class="row">
            <div class="col-lg-9 col-md-12">
                <!-- Add New Post Form -->
                <div class="card card-small mb-3">
                    <div class="card-body">
                        @csrf
                        @if(isset($edit))
                        <input type="hidden" name="id" value="{{$edit->id}}" />
                        @endif
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <label for="name">Project Type Name <span class="required">*</span></label>
                                    <input class="form-control form-control-lg mb-3 {{ $errors->first('name')? 'is-invalid' : ''}}" id="name" type="text" name="name" value="{{old('name')?old('name'):(isset($edit)?$edit->name:'')}}" placeholder="Member Category Title">
                                    @if($errors->first('name'))
                                    <div class="text text-danger">
                                        ** {{$errors->first('name')}}
                                    </div>
                                    @endif
                                </div>
                                <div class="col-12">
                                    <label for="description">Project Type Description</label>
                                    <textarea class="form-control form-control-lg mb-3" id="description" type="text" name="description" placeholder="Member Category Title"> {{old('description')?old('description'):(isset($edit)?$edit->description:'')}}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- / Add New Post Form -->
            </div>
            <div class="col-lg-3 col-md-12">
                <!-- Post Overview -->
                <div class='card card-small mb-3'>
                    <div class="card-header border-bottom">
                    <h6 class="m-0">Actions</h6>
                </div>
                <div class='card-body p-0'>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item p-3">
                            <span class="d-flex mb-2">
                                <i class="material-icons mr-1">flag</i>

                            <strong class="mr-1">Status:</strong> <span class="{{!isset($edit) || $edit->status=='Draft'? 'text-danger':'text-success'}} ml-3">{{(isset($edit)) ? ucFirst($edit->status) : 'Not Saved'}}</span>
                            </span>
                        </li>
                        <li class="list-group-item d-flex px-3">
                            @if(isset($edit))
                            <button id="update" class="btn btn-sm btn-accent ml-auto" name="status" value="save">
                                <i class="material-icons">file_copy</i> {{$edit->status=='Saved'?'Update':'Save'}}
                            </button>
                            @else
                            <button id="draft" class="btn btn-sm btn-outline-accent" name="status" value="draft">
                                <i class="material-icons">save</i> Save Draft
                            </button>
                            <button type="submit" id="save" class="btn btn-sm btn-accent ml-auto"  name="status" value="save">
                                <i class="material-icons">file_copy</i> Publish
                            </button>
                            @endif
                    </li>
                    </ul>
                </div>
            </div>
            <!-- / Post Overview -->
        </div>
    </form>
</div>
@endsection