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

@section('breadcrumb')
{{-- <div class="breadcrumb-item">
    <a href="{{route("dashboard.users.user.index")}}"> @lang('global.users')</a>
</div> --}}
<div class="breadcrumb-item">
    @lang('global.edit_user')
</div>
@stop
@section('content')
    <form class="form" id="form" enctype="multipart/form-data" action="{{route("dashboard.users.profile.update",$model->id)}}"
          novalidate
          method="POST">
        @csrf
        <div class="row">
            <div class="col-sm-12 col-md-4">
                <div class="card">
                    @hasanyrole('Branch_Manager')
                    <div class="card-header">
                        <h4 class="card-title">@lang('global.logo')</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            @component('dashboard.components.edit_image'  , ['avatar' => $model->logo])
                            @endcomponent
                        </div>
                    </div>
                    @endhasanyrole

                    @hasanyrole('director_general')
                    <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'  , ['avatar' => $model->logo])
                            @endcomponent
                        </div>
                    </div>
                    @endhasanyrole

                    @hasanyrole('head_of_debartment')
                    <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'  , ['avatar' => $model->avatar])
                            @endcomponent
                        </div>
                    </div>
                    @endhasanyrole

                </div>
            </div>
            <div class="col-sm-12 col-md-8">
                <div class="card">
                    <form>
                        <div class="card-header">
                            <h4>@lang("global.user_information")</h4>
                        </div>
                        <div class="card-body">
                            @component('dashboard.components.edit_text' , [
                                    "name" => "name",
                                    "type" => "text",
                                    "title" => __("global.name"),
                                    "col" => "col-md-10",
                                    "value" => $model->name
                                ])
                            @endcomponent


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

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

                            @hasanyrole('officer')

                            @component('dashboard.components.edit_text' , [
                                "name" => "age",
                                "type" => "number",
                                "title" => __("global.age"),
                                "col" => "col-md-10",
                                "value" => $model->age
                            ])
                        @endcomponent
                        @endhasanyrole

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

                            @hasanyrole('officer')

                            <div class="form-group row mb-4">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.gender")</label>
                                <div class="col-sm-12 col-md-7">
                                    <div class="selectgroup w-100">
                                        <label class="selectgroup-item">
                                            <input type="radio" name="gender" value="male"class="selectgroup-input"
                                            @if($model->gender == "male")checked="" @endif>
                                            <span class="selectgroup-button">@lang('global.male')</span>
                                        </label>
                                        <label class="selectgroup-item">
                                            <input type="radio" name="gender" value="female"class="selectgroup-input"
                                            @if($model->gender== "female")checked="" @endif>
                                            <span class="selectgroup-button">@lang('global.female')</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endhasanyrole

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

                        <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