@extends('admin.layouts.layout')

@section('content')


    <div class="container-fluid">
        <!-- Color Pickers -->
        <div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="card">
                    <div class="header">

                        <div class="row">
                            <div class="col-md-6"><h2>{{ $projectdetails ? 'Edit ' : 'Create' }} Tender Details</h2></div>
                            <div class="col-md-6 text-right"><a href="{{ route('projectdetails.index') }}"><button type="button" class="btn btn-success text-right">List Tender Details</button></a></div>
                        </div>


                    </div>
                    <div class="body">
                        <form id="basic-form" method="post" action="{{ $projectdetails ? route('projectdetails.update', $projectdetails->id) : route('projectdetails.store') }}" enctype="multipart/form-data" novalidate>
                            @csrf
                            @if($projectdetails) @method('PUT') @endif


                            <div class="row clearfix">

                                <div class="col-md-12">
                                    <div class="row clearfix">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Tender Publisher</label>
                                                <div class="mail-compose m-b-20">
                                                    <a href="app-compose.html" class="btn btn-danger btn-block">Client ID</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">

                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Tender ID</label>
                                        <input type="text" class="form-control @error('project_id') is-invalid @enderror" name="project_id" placeholder="Project ID" value="{{ $projectdetails ? $projectdetails->project_id : (old('project_id') ?? $project_id) }}" readonly>
                                        @error('project_id')
                                        <span class="error invalid-feedback">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Tender Name</label>
                                        <input type="text" class="form-control @error('project_name') is-invalid @enderror"   name="project_name" placeholder="Project Name" value="{{ $projectdetails ? old('project_name', $projectdetails->project_name) : old('project_name') }}" required>
                                        @error('project_name')
                                        <span class="error invalid-feedback">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>


                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Work Stage*</label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Work Mode*</label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Work Location*</label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>AIA's Level of Development (LOD)*</label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Pricing Model</label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Rate</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"></span>
                                            </div>
                                            <input type="text" class="form-control"  >
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Scheduled Close*</label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Handover</label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>


                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Summary*</label>
                                        <textarea class="form-control" rows="5" cols="30" required=""></textarea>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Description* </label>
                                        <textarea class="form-control" rows="5" cols="30" required=""></textarea>
                                    </div>
                                </div>

                                <div class="col-md-12">

                                    <div class="form-group">

                                        <input type="button" class="btn btn-success" value="+" id="add_asset_document_new_row">

                                        <br>
                                        <br>
                                        <label>Tender Document *</label>
                                        <br>

                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th><i class="fa fa-file-text-o" aria-hidden="true"></i> Choose File</th>
                                                <th></th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody id="asset_document_preview">
                                            </tbody>
                                        </table>
                                        @error('assetdocument')
                                        <span class="error invalid-feedback">{{$message}}</span>
                                        @enderror
                                    </div>

                                </div>


                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Skills Required </label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Tender Keyword*</label>
                                        <input type="text" required="" class="form-control" value="">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Apply for Client Verification</label>
                                        <br>
                                        <label class="fancy-radio">
                                            <input type="radio" name="gender" value="male" required="" data-parsley-errors-container="#error-radio" data-parsley-multiple="gender">
                                            <span><i></i>No</span>
                                        </label>
                                        <label class="fancy-radio">
                                            <input type="radio" name="gender" value="female" data-parsley-multiple="gender">
                                            <span><i></i>Yes</span>
                                        </label>
                                        <p id="error-radio"></p>
                                    </div>
                                </div>


                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Client Verification Status</label>
                                        <label class="fancy-radio">
                                            <input type="radio" name="gender" value="male" required="" data-parsley-errors-container="#error-radio" data-parsley-multiple="gender">
                                            <span><i></i>Under Review</span>
                                        </label>
                                        <label class="fancy-radio">
                                            <input type="radio" name="gender" value="female" data-parsley-multiple="gender">
                                            <span><i></i>Client Verified</span>
                                        </label>
                                        <p id="error-radio"></p>
                                    </div>
                                </div>

                            </div>




                            <div class="col-md-12">
                                <br>
                                <br>
                                <div class="formbutton text-center">
                                    <button type="submit" class="btn btn-danger text-right">Discard</button>&nbsp;&nbsp;
                                    <button type="submit" class="btn btn-primary">Save as Draft</button>&nbsp;&nbsp;
                                    <button type="submit" class="btn btn-success text-right">Publish</button>
                                </div>
                            </div>
                    </div>




                    </form>
                     </div>
            </div>
        </div>
    </div>
    </div>

    <style>
        .invalid-feedback {
            display: none;
            width: 100%;
            margin-top: 0.25rem;
            font-size: 80%;
            color: #dc3545;
        }

    </style>
@endsection