{{-- Layout --}}
@extends('teacher.layout.layout')
{{-- Page Title --}}
@section('title','GAS LMS | Edit compose group')
{{-- Breadcrumb section --}}
@section('breadcrumb')
    @include('components._breadcrumb', ['items' => ['Compose Group' => route('teacher.course.composeGroup.index',$coffid)]])
@endsection
{{-- Content --}}
@section('content')
<div class="card shadow-sm">
    <!--begin::Card header-->
    <div class="card-header border-0 pt-6">
        <!--begin::Card title-->
        <div class="card-title align-items-start flex-column">
            <span class="card-label fw-bold fs-3 mb-1">Edit group</span>
        </div>
    </div>
    <div class="card-body">
        <form action="{{ route('teacher.course.composeGroup.update', [$coffid,$group_id]) }}" method="POST">
            @csrf
            <div class="fv-row">
                <!--begin::Label-->
                <label class="required fw-semibold fs-6 mb-2" for="group_name">Group Name</label>
                <!--end::Label-->
                {{-- Topic name --}}
                <input type="text" name="group_name" id="group_name" value="{{ $composeGroup->name }}"
                    class="form-control" required>
            </div>
            <div class="my-6 fv-row">
                <label class="fw-semibold fs-6 mb-2" for="desc">Description</label>
                {{-- desc --}}
                <textarea type="text" name="desc" id="desc" class="form-control">{{ $composeGroup->desc }}</textarea>
            </div>

            <!--begin::Input group-->
            <div class="my-6 fv-row">
                <div class="row">
                    <div class="col-md-6">
                        <label class="form-check form-switch form-check-custom form-check-solid">
                            <input class="form-check-input" type="checkbox" name="is_active" {{ $composeGroup->is_active ? 'checked':'' }}>
                            <span class="form-check-label fw-semibold text-muted">is_active</span>
                        </label>
                    </div>
                </div>
            </div>
            <!--end::Input group-->

            <button type="submit" class=" submit_btn btn btn-primary mx-auto d-block w-45 mt-4">
                <!--begin::Svg Icon | path: icons/duotune/general/gen016.svg-->
                <span class="svg-icon svg-icon-3">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M15.43 8.56949L10.744 15.1395C10.6422 15.282 10.5804 15.4492 10.5651 15.6236C10.5498 15.7981 10.5815 15.9734 10.657 16.1315L13.194 21.4425C13.2737 21.6097 13.3991 21.751 13.5557 21.8499C13.7123 21.9488 13.8938 22.0014 14.079 22.0015H14.117C14.3087 21.9941 14.4941 21.9307 14.6502 21.8191C14.8062 21.7075 14.9261 21.5526 14.995 21.3735L21.933 3.33649C22.0011 3.15918 22.0164 2.96594 21.977 2.78013C21.9376 2.59432 21.8452 2.4239 21.711 2.28949L15.43 8.56949Z"
                            fill="currentColor"></path>
                        <path opacity="0.3"
                            d="M20.664 2.06648L2.62602 9.00148C2.44768 9.07085 2.29348 9.19082 2.1824 9.34663C2.07131 9.50244 2.00818 9.68731 2.00074 9.87853C1.99331 10.0697 2.04189 10.259 2.14054 10.4229C2.23919 10.5869 2.38359 10.7185 2.55601 10.8015L7.86601 13.3365C8.02383 13.4126 8.19925 13.4448 8.37382 13.4297C8.54839 13.4145 8.71565 13.3526 8.85801 13.2505L15.43 8.56548L21.711 2.28448C21.5762 2.15096 21.4055 2.05932 21.2198 2.02064C21.034 1.98196 20.8409 1.99788 20.664 2.06648Z"
                            fill="currentColor"></path>
                    </svg>
                </span>
                <span class="pulse-ring"></span>
                <span class="indicator-label">
                    Update
                </span>
                <span class="indicator-progress">
                    Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                </span>
                <!--end::Svg Icon-->
            </button>
        </form>
    </div>
</div>
@endsection