@extends('companyuser::layouts.master')
@section('title', __('products::cost_center.New cost center'))
@section('extra-styles')
<link rel="stylesheet" href="{{asset('assets/css/custom.css')}}">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a>{{ __('products::product.Products') }}</a></li>
            <li class="breadcrumb-item active"><a href="{{route('company.cost-centers.index', $subdomain)}}" class="redirect-item">@lang('companyuser::sidebar.Cost Centers')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Create')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    <form action="{{ route('company.cost-centers.store', $subdomain) }}" method="POST" id="costCenterForm">
        @csrf
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    <input type="hidden" name="action" value="" id="dev-action-holder">
                    <button class="dev-account-submit" name="action" style="font-size: inherit; background-color:transparent;border:none;" type="button" dev-value="save" title="{{ __('Save')}}">
                        <span class="icon-Save action-icon"></span>
                    </button>
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green redirect-item" href="{{ url('/products/cost-centers')}}" 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>
        </div>
        <div class=" match-height">
            @include('companyuser::errors.lists')
            @if($remaining)
                <div class="card mb-0">
                    <div class="">

                        <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-5">
                                                    <span class="custom-control-description pl-0 ml-0">
                                                        <label for="parent_id">@lang('products::cost_center.Parent Center')</label>
                                                        ( @lang('optional') )
                                                    </span>
                                                </div>
                                                <div class="col-md-7">
                                                    <select name="parent_id" id="parent_id" class="w-100 h-45 py-1 form-control select2-tag">
                                                        <option value="">
                                                            {{__('products::cost_center.No Parent cost center')}}
                                                        </option>
                                                        @foreach($costCenters as $costCenter)
                                                        @if($costCenter->parent_id)
                                                        <option @if(old('parent_id')==$costCenter->id) selected @endif value="{{$costCenter->id}}">{{$costCenter->code}}
                                                            {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}
                                                        </option>
                                                        @else
                                                        <option @if(old('parent_id')==$costCenter->id) selected @endif value="{{$costCenter->id}}">{{$costCenter->code}} -
                                                            {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}
                                                        </option>
                                                        @endif
                                                        @endforeach
                                                    </select>
                                                    @error('parent_id')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="code">@lang('products::cost_center.Code')</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <input type="text" name="code" id="code" value="{{ $code }}" readonly class="w-100 h-45 disabled form-control @if($errors->has('code')) is-invalid @endif" placeholder="@lang('products::cost_center.code_placeholder')">
                                                    @error('code')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                    @enderror
                                                </div>

                                            </div>

                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="name_ar">@lang('products::cost_center.name_ar')</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <input type="text" name="name_ar" id="name_ar" value="{{ old('name_ar') }}" class="w-100 form-control h-45 @if($errors->has('name_ar')) is-invalid @endif">
                                                    @error('name_ar')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="name_en">@lang('products::cost_center.name_en')</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <input type="text" name="name_en" id="name_en" value="{{ old('name_en') }}" class="w-100 form-control h-45 @if($errors->has('name_en')) is-invalid @endif">
                                                    @error('name_en')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="physical_address">@lang('products::cost_center.physical_address')</label>
                                                    ( @lang('optional') )
                                                </div>
                                                <div class="col-md-7">
                                                    <textarea name="physical_address" id="physical_address" maxlength="300" class="w-100 form-control h-45 @if($errors->has('physical_address')) is-invalid @endif">{{ old('physical_address') }}</textarea>
                                                    @error('physical_address')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-1 mb-3 d-flex justify-content-center text-center actions-btn-align">
                                    @if(request('reference'))
                                        <input name="reference" type="hidden" value="{{ request('reference') }}">
                                    @endif
                                    @if(request('source'))
                                        <input name="source" type="hidden" value="{{ request('source') }}">
                                    @endif
                                    @if(request('branch'))
                                        <input name="branch" type="hidden" value="{{ request('branch') }}">
                                    @endif
                                </div>
                                
                                <div class="row mb-1">
                                    <div class="col-md-12">
                                        @if( $customFields->count() )
                                        <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                                            <div class="d-flex justify-content-between">
                                                <span>{{ __('purchases::purchase_bills.additional_fields') }} </span><i class="fa fa-angle-down"></i>
                                            </div>
                                        </button>
    
                                        <div class="collapse" id="collapseExample">
                                            <div class="card card-body mb-0">
                                                @foreach($customFields as $key=>$field)
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="{{$field->name_en}}">
                                                            {{ $field->{'name_'.app()->getLocale()} }}
                                                        </label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        @if($field['type']=='checkbox')
                                                        <input id="{{$field->name_en}}" type="checkbox" name="custom_fields[{{($key+1)}}][value]" @isset(old('custom_fields')[$key+1]['value']) checked @endisset>
                                                        @else
                                                        <input class="w-100 py-1 form-control @if($field->type=='date') singledate @endif" placeholder="{{ $field->{'name_'.app()->getLocale()} }}" name="custom_fields[{{($key+1)}}][value]" type="{{ ($field->type=='date')?'text':(($field->type=='check_box')?'checkbox':$field->type) }}" id="{{$field->name_en}}" value="{{old('custom_fields') ? old('custom_fields')[$key+1]['value'] : null}}">
                                                        @endif
                                                        <input type="hidden" value="{{$field->name_ar}}" name="custom_fields[{{ ($key+1) }}][name_ar]">
                                                        <input type="hidden" value="{{$field->name_en}}" name="custom_fields[{{ ($key+1) }}][name_en]">
                                                        <input type="hidden" value="{{$field->type}}" name="custom_fields[{{ ($key+1) }}][type]">
                                                        <input type="hidden" value="{{$field->module}}" name="custom_fields[{{ ($key+1) }}][module]">
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            @else
                @include('info.limit_reached')
            @endif
        </div>
    </form>
    @include('sales::includes.redirect_popup')
</section>
<input type="hidden" value="{{ old('parent_id', request('parent_id') ) }}" id="parent_value">
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_products_and_services_cost_centers_create');
        console.log('web_products_and_services_cost_centers_create event');
    </script>
<script src="{{url('assets/js/vendors/js/forms/icheck/icheck.min.js')}}" type="text/javascript" defer></script>
<script src="{{url('assets/js/scripts/forms/checkbox-radio.js')}}" type="text/javascript" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.date.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
<script src="{{ asset('assets/js/custom/redirectconfirmation.js') }}" defer></script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            $('#parent_id').change(function() {
                let parentId = $(this).val();
                if (!parentId) {
                    parentId = 0;
                }
                let url = '{{route("company.cost-centers.generate-code", [$subdomain, ":parentId"])}}';
                url = url.replace(':parentId', parentId);
                $.ajax({
                    url: url,
                    dataType: 'json',
                    type: "GET",
                    success: function(response) {
                        $('#code').val(response.data);
                    }
                });
            });

            //adjust submit buttons
            $('.dev-account-submit').click(function() {
                //take value from clicked btn
                $('#dev-action-holder').val($(this).attr('dev-value'))
                //submit form
                $('#costCenterForm').submit();
                //disabled form
                $(this).prop('disabled', true);
            });
        })(jQuery);
    });
</script>
@endsection