@extends('layouts.main')
@section('content')
<!--begin::Card-->
<div class="card card-custom">
    <div class="card-header">
        <div class="card-title">
            <span class="card-icon">
                <i class="flaticon2-group text-primary"></i>
            </span>
            <h3 class="card-label">Edit Group </h3>
        </div>
        
    </div>
    <form class="form" id="kt_form_1" action="{{route('groups.edit.submit',[$group->id])}}" method="post">
        {{ csrf_field() }}
        <div class="card-body">        
             <div class="form-group row">
              <label class="col-form-label text-right col-lg-3 col-sm-12">Group Name <span class="text-danger">*</span></label>
              <div class="col-lg-9 col-md-9 col-sm-12">
               <input type="text" class="form-control" name="group_name" placeholder="Enter group name" required="" value="{{$group->group_name}}" />               
              </div>
             </div>

             <div class="form-group row">
              <label class="col-form-label text-right col-lg-3 col-sm-12">Select Profiles</label>
              @if ($recordsTotal>0)
                <div class="col-lg-9 col-md-9 col-sm-12">
                    <div class="row">
                  @foreach ($allProfile as $profile)
                      <div class="col-lg-4 col-md-4 col-sm-12">
                       <div class="form-check checkbox-inline">
                        <label class="checkbox checkbox-outline">
                         <input type="checkbox" name="prof[]" value="{{$profile->id}}" {{ in_array($profile->id, $groupDetail) ? 'checked' : '' }} />
                         <span></span>{{ucfirst($profile->profile_first_name)}} {{ucfirst($profile->profile_last_name)}}
                        </label>
                       </div>
                      </div>
                  @endforeach
                    </div>
                </div>
              @endif
             </div>
             <input type="hidden" name="id" required="" value="{{$group->id}}" /> 
        </div> 
        <div class="card-footer">
            <div class="row">
                <div class="col-lg-9 ml-lg-auto">
                    <button type="submit" class="btn btn-primary font-weight-bold mr-2">Save</button>
                    <button type="reset" class="btn btn-light-primary font-weight-bold">Cancel</button>
                </div>
            </div>
        </div>
    </form>
</div>
<!--end::Card-->
@endsection
@section('sub_header')
@section('sub_header')
<div class="subheader py-2 py-lg-6 subheader-transparent" id="kt_subheader">
    <div class="container d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
        <!--begin::Info-->
        <div class="d-flex align-items-center flex-wrap mr-1">
            <!--begin::Page Heading-->
            <div class="d-flex align-items-baseline flex-wrap mr-5">
                <!--begin::Page Title-->
                <h5 class="text-dark font-weight-bold my-1 mr-5">Group Edit</h5>
                <!--end::Page Title-->
                <!--begin::Breadcrumb-->
                <ul class="breadcrumb breadcrumb-transparent breadcrumb-dot font-weight-bold p-0 my-2 font-size-sm">
                    <li class="breadcrumb-item text-muted">
                        <a href="{{route('groups')}}" class="text-muted">Groups</a>
                    </li>
                    <li class="breadcrumb-item text-muted">
                        <a href="#" class="text-muted">Edit </a>
                    </li>
                </ul>
                <!--end::Breadcrumb-->
            </div>
            <!--end::Page Heading-->
        </div>
        
    </div>
</div>
@endsection
@section('theam_css')
<link href="{{ $common->getTheamUrl('assets/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />

@endsection

@section('js_file')
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ $common->getTheamUrl('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
@endsection

@section('page_js')
    <script>
        $(document).ready(function(){   
            FormValidation.formValidation(
                document.getElementById('kt_form_1'),
                {
                    fields: {
                        group_name: {
                            validators: {
                                notEmpty: {
                                    message: 'Group Name is required'
                                },
                            }
                        },
                    },

                    plugins: { //Learn more: https://formvalidation.io/guide/plugins
                        trigger: new FormValidation.plugins.Trigger(),
                        // Bootstrap Framework Integration
                        bootstrap: new FormValidation.plugins.Bootstrap(),
                        // Validate fields when clicking the Submit button
                        submitButton: new FormValidation.plugins.SubmitButton(),
                        // Submit the form when all fields are valid
                        defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
                    }
                }
            );
        });
    </script>
@endsection