@extends('admin.adminpanel')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">

            <div class="row mb-2">
                <!-- <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item active">ADD NEW MODULE/SUB MODULE/TASKS</li>
                    </ol>
                </div> --><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- if the record module was added successfully -->
    <div class="row justify-content-center">
        <!-- if the record module was added successfully -->
        @if (session('status-success-query'))
        <div class="col-8 alert alert-success">
            {{ session('status-success-query') }}
        </div>
        @endif

        <!-- if the query to enter the record into the database failed -->
        @if (session('status-failed-query'))
        <div class="col-8 alert alert-danger">
            {{ session('status-failed-query') }}
        </div>
        @endif
    </div>

    <!-- displaying validation errors -->
    <div class="row justify-content-center">
        @if ($errors->any())
        <div class="col-8 mb-5 card card-danger">
            <div class="card-header text-center bg-danger">
                OOPS!<br>WE RAN INTO SOME VALIDATION ERRORS<br>
            </div>
            <div class="card-body bg-light">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>
                        {{ $error }}
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>
        @endif
    </div>

    <div class="row justify-content-center">
        <div class="col-8 card ">
            <div class="card-header mb-4"><h3>ADD NEW MODULE/SUB MODULE/TASKS</h3></div>
            <form action="{{ url('store_new_mod_sub_mod') }}" method="GET">
                <div class="form-group">                    
                    <input type="text" class="form-control" required name="module_name" placeholder="Enter module name">                    
                </div>
                <div class="sub-module-group">
                    <div class='sub-mod-encap card'>
                        <div class="form-group">                    
                            <input type="text" class="form-control" required name="submodule_name_1" placeholder="Enter submodule name">                    
                        </div>
                         <div class="form-group">   
                            <label for="statutory_end_date">Select Recurrence</label>                 
                            <select name="recurrence_1">
                                <option value="1">Monthly</option>
                                <option value="2">Quarterly</option>
                                <option value="3">Half yearly</option>
                                <option value="4">Annual</option>
                                <option value="0">Custom</option>
                            </select>                                            
                        </div>
                        <div class="form-group">  
                            <label for="statutory_end_date">Statutory end date (day of month)</label>                  
                            <input type="number" class="form-control" required name="statutory_end_date_1" placeholder="Statutory end date" min="0" max="31">
                        </div> 
                        <div class="form-group">  
                            <label for="statutory_end_month">Statutory end Month (if applicable)</label>                  
                            <input type="number" class="form-control" required name="statutory_end_month_1" placeholder="Statutory end month" min="0" max="12">
                        </div>                                             
                        <div class="task-group">
                             <div class="form-group">                    
                                <input type="text" class="form-control" required name="task_1_1" placeholder="Enter task">                    
                            </div>
                            <a class="add-more-task" class="btn btn-primary" attr-t-ctr='1' attr-par-sbmod="1">+ Add Task</a>
                        </div> 
                    </div>                   
                </div>
                <div class="form-group mt-2">  
                    <a class="add-more-sub-mod btn btn-primary" attr-sm-ctr='1'>+ Add Sub module</a>
                </div>
                <input type="hidden" name="sub_m_cnt" class='sub_m_cnt' value='1' />
                <button type="submit" class="btn btn-success">Save</button>
            </form>
        </div>
        <div class="col-3 card pb-3" style="margin-left:10px; font-weight: small;">
            <div class="card-header mb-4">Note</div>
                                <p>
                                    <ul>
                                        <li>Monthly- activity is repeated every Month. In Statutory date select the first applicable statutory date of the Financial year</li>
                                        <li>Quarterly- activity is repeated every Quarter. In Statutory date select the first applicable statutory date of the Financial year</li>
                                        <li>Half yearly- activity is repeated every half yearly. In Statutory date select the first applicable statutory date of the Financial year</li>
                                        <li>Annual - activity is repeated every year. In Statutory date select the first applicable statutory date of the Financial year</li>
                                        <li>Custom-activity is repeated any random instance. Statutory Date is not mandatory for this type of activity.</li>
                                    </ul>
                                </p>  
        </div>
    </div>
</div>
@endsection