@extends('layouts/contentLayoutMaster')
@section('title', 'Create Verification Type')
@section('vendor-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/pickadate/pickadate.css')) }}">
@endsection
@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('css/plugins/forms/validation/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/pages/app-user.css')) }}">
    <style type="text/css">
        #cpyfields button {
            display: none !important;
        }
    </style>
@endsection

@section('content')
    <!-- verificationtype edit start -->
    <section class="users-edit">
        <div class="card">
            <div class="card-content">
                <div class="card-body">
                    <ul class="nav nav-tabs mb-3" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center active" id="account-tab" data-toggle="tab"
                                href="#account" aria-controls="account" role="tab" aria-selected="true">
                                <i class="feather icon-user mr-25"></i><span class="d-none d-sm-block">Verification
                                    type</span>
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="account" aria-labelledby="account-tab" role="tabpanel">
                            <!-- verificationtype edit account form start -->
                            <form  action="{{ url('verificationtype/store') }}" method="post"
                                enctype="multipart/form-data">
                                {{ csrf_field() }}
                                <div class="row">
                                    <div class="col-12 col-sm-6">
                                        <div class="form-group">
                                            <div class="controls">
                                                <label>Name <span style="color:red">*</span></label>
                                                <input type="text" name="name" class="form-control" pattern="^[^\+\=\@\<\>\|\-]+$" placeholder="Name"
                                                    value="{{ old('name') }}" required
                                                    data-validation-required-message="This document Name field is required">
                                                @if ($errors->has('name'))
                                                    <p class="text-danger">{{ $errors->first('name') }}</p>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="controls">
                                                <label>Internal Name <span style="color:red">*</span></label>
                                                <input type="text" name="internal_name" class="form-control" pattern="^[^\+\=\@\<\>\|\-]+$"
                                                    placeholder="Internal Name" value="{{ old('internal_name') }}" required
                                                    data-validation-required-message="This document Name field is required">
                                                @if ($errors->has('internal_name'))
                                                    <p class="text-danger">{{ $errors->first('internal_name') }}</p>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 col-sm-6">
                                                <div class="form-group">
                                                    <div class="controls">
                                                        <label>Amount <span style="color:red">*</span></label>
                                                        <input type="text" name="amount" class="form-control"
                                                            placeholder="Amount" value="{{ old('amount') }}"  pattern="^\d*\.?\d+$" required
                                                            data-validation-required-message="This Amount field is required">
                                                        @if ($errors->has('amount'))
                                                            <p class="text-danger">{{ $errors->first('amount') }}</p>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-6">
                                                <div class="row">
                                                    @if ($business_models)
                                                        @foreach ($business_models as $business_model)
                                                            <div class="col-4">
                                                                <div class="form-group">
                                                                    <ul class="list-unstyled mt-2 mb-0">
                                                                        <li class="d-inline-block mr-2">
                                                                            <fieldset>
                                                                                <div
                                                                                    class="vs-checkbox-con vs-checkbox-primary">
                                                                                    <input type="checkbox"
                                                                                        name="business_model_id[]"
                                                                                        value="{{ $business_model->id }}">
                                                                                    <span class="vs-checkbox">
                                                                                        <span class="vs-checkbox--check">
                                                                                            <i
                                                                                                class="vs-icon feather icon-check"></i>
                                                                                        </span>
                                                                                    </span>
                                                                                    <span class=""
                                                                                        style="font-size: 0.85rem;">{{ $business_model->name }}</span>
                                                                                </div>
                                                                            </fieldset>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="controls">
                                                <label>Description </label>
                                                <textarea name="description" class="form-control" pattern="^[^\+\=\@\<\>\|\-]+$" placeholder="Description"></textarea>
                                                @if ($errors->has('description'))
                                                    <p class="text-danger">{{ $errors->first('description') }}</p>
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-12 col-sm-6">
                                                <div class="form-group">
                                                    <div class="controls">
                                                        <label>TAT (in working Days) <span style="color:red">*</span></label>
                                                        <input type="text" name="tat" class="form-control"  pattern="[0-9]*"
                                                            placeholder="TAT in Days" value="{{ old('tat') }}" required
                                                            data-validation-required-message="This document TAT field is required">
                                                        @if ($errors->has('tat'))
                                                            <p class="text-danger">{{ $errors->first('tat') }}</p>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-6">
                                                <div class="form-group">
                                                    <label>Task Type <small>(for grouping)</small></label>
                                                    <select name="task_type" class="form-control">
                                                        @if ($task_types)
                                                            @foreach ($task_types as $task_type)
                                                                <option value="{{ $task_type->task_type }}">
                                                                    {{ $task_type->task_type }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 col-sm-6">
                                                <div class="form-group">
                                                    <label>Status</label>
                                                    <select name="status" class="form-control">
                                                        <option value="A">Active</option>
                                                        <option value="I">Deactive</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-6">
                                                <div class="form-group">
                                                    <label>Source</label>
                                                    <select name="source" class="form-control">
                                                        <option value="B2B">B2B</option>
                                                        <option value="B2C">B2C</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                <button type="submit"
                                                    class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">Save
                                                    Changes</button>
                                                <button type="reset" class="btn btn-outline-warning">Reset</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!-- verificationtype edit account form ends -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- verificationtype edit ends -->
@endsection

@section('vendor-script')
    {{-- Vendor js files --}}
    <script src="{{ asset(mix('vendors/js/forms/validation/jqBootstrapValidation.js')) }}"></script>
@endsection

@section('page-script')
    {{-- Page js files --}}
    <script src="{{ asset(mix('js/scripts/pages/app-user.js')) }}"></script>
    <script src="{{ asset(mix('js/scripts/navs/navs.js')) }}"></script>
@endsection