@extends('dashboard.layouts.index')
@section('page_title')
    @lang('global.create_admins')
@stop


@section('breadcrumb')
    <div class="breadcrumb-item">
        <a href="{{route("dashboard.users.admin.index")}}"> @lang('global.admins')</a>
    </div>
    <div class="breadcrumb-item">
        @lang('global.add_admin')
    </div>
@stop

@section('content')
    <form class="form" id="form" enctype="multipart/form-data"
          action="{{route("dashboard.users.admin.store")}}" novalidate
          method="POST">
        @csrf
        <div class="row">
            <div class="col-sm-12 col-md-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">@lang('global.avatar')</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            @component('dashboard.components.edit_image' )
                            @endcomponent
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-8">
                <div class="card">
                    <form>
                        <div class="card-header">
                            <h4>@lang("global.admin_information")</h4>
                        </div>
                        <div class="card-body">
                            @component('dashboard.components.edit_text' , [
                                    "name" => "name",
                                    "type" => "text",
                                    "title" => __("global.name"),
                                    "col" => "col-md-10"
                                ])
                            @endcomponent

                            @component('dashboard.components.edit_text' , [
                                    "name" => "phone_number",
                                    "type" => "text",
                                    "title" => __("global.phone_number"),
                                    "col" => "col-md-10"
                                ])
                            @endcomponent

                            @component('dashboard.components.edit_text' , [
                                    "name" => "email",
                                    "type" => "email",
                                    "title" => __("global.email"),
                                    "col" => "col-md-10"
                                ])
                            @endcomponent

                            @component('dashboard.components.edit_text' , [
                                "name" => "password",
                                "type" => "password",
                                "title" => __("global.password"),
                                "col" => "col-md-10"
                            ])
                            @endcomponent


                            <hr>
                            <div class="card-header">
                                <h4>@lang('global.permeation')</h4>
                            </div>

                            <div class="form-group row mb-4">
                                <div class="col-sm-12 col-md-7">
                                    <div class="selectgroup w-100">
                                        <label class="selectgroup-item">
                                            <input type="radio" name="role" value="super-admin"
                                                   class="selectgroup-input"
                                                   checked="">
                                            <span class="selectgroup-button"> @lang('global.super_admin')</span>
                                        </label>
                                        {{--                                            @if(auth()->user()->getRoleNames()[0] == "super-admin")--}}
                                        {{--                                                <label class="selectgroup-item">--}}
                                        {{--                                                    <input type="radio" name="role" value="super-admin"--}}
                                        {{--                                                           class="selectgroup-input"--}}
                                        {{--                                                           checked="">--}}
                                        {{--                                                    <span class="selectgroup-button"> @lang('global.super_admin')</span>--}}
                                        {{--                                                </label>--}}
                                        {{--                                            @endif--}}
                                        {{--                                            <label class="selectgroup-item">--}}
                                        {{--                                                <input type="radio" name="role" value="sub-admin"--}}
                                        {{--                                                       class="selectgroup-input"--}}
                                        {{--                                                       checked="">--}}
                                        {{--                                                <span class="selectgroup-button">@lang('global.sub_admin')</span>--}}
                                        {{--                                            </label>--}}
                                    </div>
                                </div>
                            </div>

                        </div>


                        <div class="card-footer text-right">
                            <button class="btn btn-primary">@lang("global.save")</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </form>
@stop

@push('js')

@endpush