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


@section('breadcrumb')
    <div class="breadcrumb-item">
        <a href="{{route("dashboard.file.index")}}"> @lang('global.files')</a>
    </div>
    <div class="breadcrumb-item">
        @lang('global.create_file')
    </div>
@stop


@section('content')
        <form class="form" id="form" enctype="multipart/form-data" action="{{route("dashboard.file.store")}}"novalidate method="POST">
            @csrf
          @if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                      <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
          @endif
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>@lang("global.create_file")</h4>
                        </div>
                        <div class="card-body">

                            <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.is_general")</label>
                                <div class="col-sm-12 col-md-7">
                                    <div class="selectgroup w-100">
                                        <label class="selectgroup-item">
                                            <input type="radio" name="is_general" id="is_general"  value="0"class="selectgroup-input"checked="">
                                            <span class="selectgroup-button">@lang('global.general')</span>
                                        </label>
                                        <label class="selectgroup-item">
                                            <input type="radio" name="is_general" id="is_custom"  value="1"class="selectgroup-input">
                                            <span class="selectgroup-button">@lang('global.custom')</span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group d-none row mb-4" id="emplyeeselector">
                                <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.employee")</label>
                                <div class="col-sm-12 col-md-7">
                                    <div class="selectgroup w-100">
                                        <select name="user_id" class="form-control" aria-label=".form-select-sm example">
                                            <option value="0" {{ 'selected' }}>Open this select employee</option>
                                            @if($model->count() > 0 )
                                             @foreach ($model as $data )
                                             <option value="{{ $data->employee->id }}">{{ $data->employee->name }}</option>
                                             @endforeach
                                             @endif
                                        </select>
                                    </div>
                                </div>
                            </div>

                            @component('dashboard.components.edit_text2' , [
                                "name" => "name_file",
                                "type" => "text",
                                "title" => __("global.name"),
                            ])
                            @endcomponent

                             @component('dashboard.components.edit_text2' , [
                                "name" => "path_file",
                                "type" => "file",
                                "title" => __("global.files"),
                            ])
                            @endcomponent



                        </div>

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

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

@push('js')
<script>
  $('input:radio[name="is_general"]').change(function() {
            if ($("#is_custom").prop("checked")) {
                $('#emplyeeselector').removeClass('d-none');
            } else if ($("#is_general").prop("checked")) {
                $('#emplyeeselector').addClass('d-none');

            }
        });
  </script>
@endpush