@extends('layouts.app')

@section('content')
<!-- Container -->
{{-- <div class="container-fluid"> --}}
	
    <!-- Breadcrumb -->
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item active" aria-current="page"><h3>{{ ($type == "web") ? 'Web' : 'Projects'}}</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0 border-right-0 border-left-0">

                <div class="row">
                    <div class="col-xl-6">

                        <section class="hk-sec-wrapper hk-invoice-wrap pa-35">

                            <form action="{{ route( 'task.store', $type ) }}" method="post">
                                @csrf

                                <div class="invoice-from-wrap">

                                    <div class="form-group row">
                                        <label for="internal_id" class="col-sm-4 col-form-label"><h6 class="mb-5">Internal Task Number*</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="internal_id" placeholder="{{ $next_id ?? 'Internal Vendor Number' }}" name="internal_id"
                                            value="{{ old('internal_id', '') }}" required />
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="title" class="col-sm-4 col-form-label"><h6 class="mb-5">Task Title*</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="title" placeholder="Task Title" name="title"
                                            value="{{ old('title', '') }}" required >
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="form-group row">
                                        <label for="primary_contact_name" class="col-sm-4 col-form-label"><h6 class="mb-5">Primary Contact Name</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="primary_contact_name" placeholder="Primary Contact Name" name="primary_contact_name"
                                            value="{{ old('primary_contact_name', '') }}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="primary_contact_email" class="col-sm-4 col-form-label"><h6 class="mb-5">Primary Contact Email</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="primary_contact_email" placeholder="Primary Contact Email" name="primary_contact_email"
                                            value="{{ old('primary_contact_email', '') }}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="primary_contact_description" class="col-sm-4 col-form-label"><h6 class="mb-5">Primary Contact Description</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="primary_contact_description" placeholder="Primary Contact Description" name="primary_contact_description"
                                            value="{{ old('primary_contact_description', '') }}">
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="form-group row">
                                        <label for="folder_url" class="col-sm-4 col-form-label"><h6 class="mb-5">Google drive folder</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="Google drive folder" aria-label="Google drive folder" aria-describedby="basic-addon2" id="folder_url" name="folder_url"
                                                value="{{ old('folder_url', '') }}">
                                                <div class="input-group-append">
                                                    <button class="btn btn-outline-light" type="button" onclick="window.open($('#folder_url').val());"><i class="icon-link"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                                                        
                                    <hr class="mt-0">

                                    <div class="col-12 text-right">

                                        <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('task') }}">Cancel / Back</a>
                                        <button class="btn btn-sm btn-primary w-150p" type="submit">Save</a>

                                    </div>

                                </div>

                            </form>

                        </section>

                    </div>

                    <div class="col-xl-6">



                </div>
            </div>

        </section>
    </div>
</div>
<!-- /Container -->

@endsection