@extends('operations.layout.mainlayout')

@section('content')
<style>
    .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
        color:black;
    }
    .select2-container{
        width: 75% !important;
    }
</style>
<link href="/css/select2totree.css" rel="stylesheet">
{{--    @if(session('role') != 4 && session('role') != 11)--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}

{{--    @if(!empty($group->PROFILE_ID) && $group->PROFILE_ID != session('profile_id')) {{exit("<h1>Unauthorized access</h1>")}} @endif--}}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6 card-body">
                    <h1 class="m-0 text-dark" style="color: #e35a80!important;">Group Information</h1>

                </div><!-- /.col -->
                <div class="col-sm-6">

                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-8">

                    <!-- /.card -->

                    <div class="card">

                        <!-- /.card-header -->
                        <div class="card-body">
                            <form method="post" action="/operations/client-group" id="group-form">
                                <input required type="hidden" name="group_id" value="@if(!empty($group->ID)){{$group->ID}}@endif">
                                <p style="color:#e35a80;font-weight: 600">Group Information</p>
                                <div class="row" style="margin-bottom: 20px">
                                    <div class="col-md-6">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Name En</span>
                                            </div>
                                            <input required type="text" class="form-control" name="group_name" value="@if(!empty($group->NAME)){{$group->NAME}}@endif" /> <br />
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Name AR</span>
                                            </div>
                                            <input style="direction: rtl" required type="text"
                                                   class="form-control" name="group_name_ar"
                                                   value="@if(!empty($group->NAME_AR)){{$group->NAME_AR}}@endif"/>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Code</span>
                                            </div>
                                            <input required type="text" class="form-control" name="group_code" value="@if(!empty($group->CODE)){{$group->CODE}}@endif" /> <br />
                                        </div>
                                    </div>
                                </div>
                                <p style="color:#e35a80;font-weight: 600">Extra Actions</p>
                                <div class="row">
                                    <div class="col col-6">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" @if(!empty($group->IS_ACTIVE) && $group->IS_ACTIVE==1) checked="checked" @endif id="has-active" name="is_active">
                                            <label class="custom-control-label" for="has-active">Active</label>
                                        </div>
                                    </div>
                                </div>
                                @permission('manage_administration_client_group')
                                <div class="row">
                                    <div class="col" style="text-align: center">
                                        <input type="submit"  class="btn btn-info" value="@if(!empty($group->NAME)) Edit Group @else Add Group @endif" />
                                    </div>
                                </div>
                                @endpermission
                             </form>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->


@endsection