@extends('companyuser::layouts.master')
@section('title',__('attachments::general-attachments.general_attachments'))
@section('extra_styles')
<link href="{{ url('assets/css/plugins/imageUpload/style.css') }}" rel="stylesheet">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<script src="{{ asset('js/app.js') }}" defer></script>
<style>
    .pt-15 {
        padding-top: 15px;
    }
    #attachment{
        width: 100% !important;
        height: 3.8rem;
        line-height: 2.5 !important;
        padding:9px;
        border-radius:0.25rem;

    }
     /* Fix attachments component styling within filter-section-collapse */
        .attachments-wrapper select,
        .attachments-wrapper input:not(.btn) {
            font-size: 10px !important;
            height: 45px !important;
            border-radius: 5px !important;
        }

        .attachments-wrapper .input-group input {
            height: 45px !important;
        }

        .attachments-wrapper .input-group input[type=file] {
            height: 3.8rem !important;
        }
</style>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a>@lang('general.attachments')</a></li>
            <li class="breadcrumb-item active"><a href="{{route('company.general-attachments.index', $subdomain)}}">@lang('attachments::general-attachments.general_attachments')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Create')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <form action="{{ route('company.general-attachments.store', $subdomain) }}" method="POST" class="form" novalidate enctype="multipart/form-data">
        @csrf
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    <button type="submit" class="" style="background-color: transparent;border:none"  title="{{__('Save')}}">
                        <span class="icon-Save action-icon"></span>
                    </button>
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green" href="{{route('company.general-attachments.index', $subdomain)}}" title="{{__('Back')}}">
                        @if(LaravelLocalization::getCurrentLocale() === 'en')
                        <span class="icon-Previous action-icon back-btnIcon"></span>
                        @else
                        <span class="icon-Next action-icon back-btnIcon"></span>
                        @endif
                    </a>
                </div>
            </div>
            <section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
                <div class=" match-height">
                    <div>
                        <div class="card mb-0">
                            <div>
                                <div class="card-block mt-2">
                                    <div class="form-body">
                                        <div class="row">
                                            <div class="col-lg-7">
                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <label for="title">@lang('attachments::general-attachments.title')</label>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <input type="text" name="title" class="form-control h-45 @if($errors->has('title')) is-invalid @endif" required>
                                                            @error('title')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="row mb-1">
                                                        <div class="col-md-4">
                                                            <label for="reference">@lang('attachments::general-attachments.reference')</label>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <select name="reference" id="reference" class="w-100 py-1 form-control h-45" required>
                                                                @forelse($references as $key => $reference)
                                                                    <optgroup label="{{ $key }}">
                                                                        @if(is_array($reference))
                                                                            @forelse($reference as $refKey => $refValue)
                                                                                <option value="{{ $refKey }}">{{ $refValue }}</option>
                                                                            @empty
                                                                            @endforelse
                                                                        @else
                                                                            <option value="">{{ $reference }}</option>
                                                                        @endif
                                                                    </optgroup>
                                                                @empty
                                                                @endforelse
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                </div>
                                            </div>
                                            <div class="row attachments-wrapper">
                                                @if(!old('attachment_id') && !request('attachment_id'))
                                                <attachments-component
                                                    :translations="{{ json_encode([
                                                        'attachments' => __('general.attachments'),
                                                        'attachments_validation' => __('general.attachments_validation'),
                                                        'attachments_max_size' => __('general.attachments_max_size'),
                                                        'selected_files' => __('general.selected_files'),
                                                    ]) }}"
                                                    :errors="{{ json_encode($errors->get('attachments.*')) }}"
                                                    :preloaded-files="{{ json_encode([]) }}"
                                                    input-name="attachment"
                                                ></attachments-component>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
            </section>
        </div>
    </form>
</section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_attachments_general_attachments_create');
        console.log('web_attachments_general_attachments_create event');
    </script>
@endsection