@extends('voyager::master')

@section('page_title', __('voyager::generic.'.(isset($dataTypeContent->id) ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular'))

@section('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@stop

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i>
        {{ __('voyager::generic.'.(isset($dataTypeContent->id) ? 'edit' : 'add')).' '.$dataType->getTranslatedAttribute('display_name_singular') }}
    </h1>
@stop

@section('content')
    <div class="page-content container-fluid">
        <form class="form-edit-add" role="form"
              action="@if(!is_null($dataTypeContent->getKey())){{ route('voyager.'.$dataType->slug.'.update', $dataTypeContent->getKey()) }}@else{{ route('voyager.'.$dataType->slug.'.store') }}@endif"
              method="POST" enctype="multipart/form-data" autocomplete="off">
            <!-- PUT Method if we are editing -->
            @if(isset($dataTypeContent->id))
                {{ method_field("PUT") }}
            @endif
            {{ csrf_field() }}

            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-bordered">
                    {{-- <div class="panel"> --}}
                        @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-8 co-sm-6 col-12">
                                    <div class="row">
                                        <div class="col-md-6 co-sm-6 col-12">
                                    <div class="form-group">
                                        <label for="name">{{ __('voyager::generic.name') }}</label>
                                        <input type="text" class="form-control" id="name" name="name" placeholder="{{ __('voyager::generic.name') }}"
                                               value="{{ old('name', $dataTypeContent->name ?? '') }}">
                                    </div></div>
                                <div class="col-md-6 co-sm-6 col-12">      <div class="form-group">
                                        <label for="email">{{ __('voyager::generic.email') }}</label>
                                        <input type="email" class="form-control" id="email" name="email" placeholder="{{ __('voyager::generic.email') }}"
                                               value="{{ old('email', $dataTypeContent->email ?? '') }}">
                                    </div></div>
                                <div class="col-md-6 co-sm-6 col-12">
                                    <div class="form-group">
                                        <label for="username">{{ __('validation.attributes.username') }}</label>
                                        <input type="text" class="form-control" id="username" name="username" placeholder="{{ __('validation.attributes.username') }}"
                                               value="{{ old('username', $dataTypeContent->username ?? '') }}">
                                    </div>
                                </div>
                                <div class="col-md-6 co-sm-6 col-12">
                                    <div class="form-group">
                                        <label for="password">{{ __('voyager::generic.password') }}</label>

                                        <input type="password" class="form-control" id="password" name="password" value="" autocomplete="new-password">

                                        @if(isset($dataTypeContent->password))

                                            <small>{{ __('voyager::profile.password_hint') }}</small>
                                        @endif
                                    </div>
                                </div>
                                </div>
                                </div>
<div class="col-md-4 col-sm-6 col-12">
    <div class="image-edit-box">
        <div class="image-file">


                   <label class="control-label" for="avatarform-imagefile">صورة</label>
            <div class="form-group">
                    @if(isset($dataTypeContent->avatar))
                        <div class="image-file-upload">
                            <img src="{{ filter_var($dataTypeContent->avatar, FILTER_VALIDATE_URL) ? $dataTypeContent->avatar : Voyager::image( $dataTypeContent->avatar ) }}" />
                        </div>
                    @else
                        <div class="image-file-upload">
                            <img src="/storage/users/default.png" />
                        </div>
                    @endif
                    <input type="file" data-name="avatar" name="avatar">
                </div>
            </div>                        </div>
        </div>
    </div>
                                    </div>
                        </div>
                        </div>
                    </div>



            </div>
               <div class="btns-group-center text-center">
            <button type="submit" class="btn    btn-save save">
                {{ __('voyager::generic.save') }}
            </button>  </div>
        </form>

        <iframe id="form_target" name="form_target" style="display:none"></iframe>
        <form id="my_form" action="{{ route('voyager.upload') }}" target="form_target" method="post" enctype="multipart/form-data" style="width:0px;height:0;overflow:hidden">
            {{ csrf_field() }}
            <input name="image" id="upload_file" type="file" onchange="$('#my_form').submit();this.value='';">
            <input type="hidden" name="type_slug" id="type_slug" value="{{ $dataType->slug }}">
        </form>
    </div>
@stop

@section('javascript')
    <script>
        $('document').ready(function () {
            $('.toggleswitch').bootstrapToggle();
        });
    </script>
@stop