@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 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 card-primary pb-3">
            <div class="card-header mb-4">ADD NEW MODULE/SUB MODULE/TASKS</div>
            <form action="{{ url('store_updated_mod_sub_mod') }}" method="GET">
                <div class="form-group">                    
                    <input type="text" class="form-control" required name="module_name" placeholder="{{$modules[0]->module_name}}" disabled>                    
                </div>
                <div class="sub-module-group">
                    @foreach($sub_mod_arr as $sub_mod)
                    <div class='sub-mod-encap card'>
                        <div class="form-group">                    
                            <input type="text" class="form-control" required name="submodule_name_{{$loop->iteration}}" placeholder="{{$sub_mod['sub_mod_name']}}" readonly>
                            <input type="hidden" class="form-control" required name="submodule_id_{{$loop->iteration}}" value="{{$sub_mod['submodule_id']}}">
                        </div>
                        <div class="form-group">   
                            <label for="statutory_end_date">Select Recurrence</label>                 
                            <select name="recurrence_{{$loop->iteration}}">
                                <option value="1" @if($sub_mod['recurrence'] == 1) selected @endif>Monthly</option>
                                <option value="2"  @if($sub_mod['recurrence'] == 2) selected @endif>Quarterly</option>
                                <option value="3"  @if($sub_mod['recurrence'] == 3) selected @endif>Half yearly</option>
                                <option value="4"  @if($sub_mod['recurrence'] == 4) selected @endif>Annual</option>
                                <option value="0"  @if($sub_mod['recurrence'] == 0) selected @endif>Custom</option>
                            </select>                                            
                        </div>
                        <div class="form-group">  
                            <label for="statutory_end_date">Statutory end date</label>                  
                            <input type="number" min='0' max='31' class="form-control" required name="statutory_end_date_{{$loop->iteration}}" placeholder="Statutory end date" value="{{$sub_mod['stat_end_date']}}" readonly>                    
                        </div>                                                
                        <div class="task-group"> 
                        <label for="statutory_end_date">Tasks</label> 
                            @if(!empty($steps[$sub_mod['submodule_id']]))                             
                                @foreach($steps[$sub_mod['submodule_id']] as $step)
                                    <div class="form-group">                    
                                        <input type="text" class="form-control" required name="task_{{$loop->parent->iteration}}_{{$loop->iteration}}" placeholder="{{$step['task_list_name']}}" readonly>
                                        <input type="hidden" class="form-control" required name="task_id_{{$loop->parent->iteration}}_{{$loop->iteration}}" value="{{$step['task_list_id']}}">                    
                                    </div>
                                @endforeach
                                 <a class="add-more-task" class="btn btn-primary" attr-t-ctr="{{count($steps[$sub_mod['submodule_id']])}}" attr-par-sbmod="{{$loop->iteration}}">+ Add Task</a>
                            @else
                             <a style="display:block" class="add-more-task" class="btn btn-primary" attr-t-ctr="0" attr-par-sbmod="{{$loop->iteration}}">+ Add Task</a>
                            @endif
                           
                        </div> 
                    </div> 
                    @endforeach                  
                </div>
                <div class="form-group mt-2">  
                    <a class="add-more-sub-mod btn btn-primary" attr-sm-ctr='{{count($sub_mod_arr)}}'>+ Add Sub module</a>
                </div>
                <input type="hidden" name="module_id" value="{{$modules[0]->module_id}}">
                <button type="submit" class="btn btn-success">Save</button>
            </form>
        </div>
    </div>
</div>
@endsection