{{-- {{dd($asset_capex->id)}} --}}
<div class="tab-pane active p-t-20 clearfix" id="details">  

    <div class='col-md-6 col-lg-3'> 
        
        {!! Form::hidden('company_id')->value(user('admin.web')->current_comp) !!}

        {!! Form::inline_radios('type')
        -> radios(trans('assets::asset_capex.options.type'))
        -> label('Type')
        ->required()
        -> addGroupClass('form-group-sm')!!}

            {!! Form::select('division_id')
            ->options(Company::divisions(),$asset_capex->division_id ?: (user('admin.web')->default_division() ? user('admin.web')->default_division()->id : null))
            ->placeholder(trans('assets::asset_capex.placeholder.division_id'))
            ->label(trans('assets::asset_capex.label.division_id'))
            ->required()
            ->addGroupClass('form-group-sm') !!}

        {!! Form::text('trans_no')
        -> disabled()
        -> label('Trans No.')
        -> placeholder(trans('assets::asset_capex.placeholder.trans_no'))
        -> addGroupClass('form-group-sm')
        !!}

        {!! Form::select('financial_year_id')
        -> options(Assets::budget_years())
        -> label('Budget Year')
        -> required()
        -> placeholder('Please select budget year')
        -> addGroupClass('form-group-sm')
        !!}

        {!! Form::select('department_id')
        -> options(Department::departments($asset_capex->department_id))
        -> placeholder(trans('assets::asset_capex.placeholder.department_id'))       
        -> label(trans('assets::asset_capex.label.department_id'))
        ->required()
        -> addGroupClass('form-group-sm')!!}

            @php
                if(!isset($asset_capex->id) || $asset_capex->type == 1)
                    $style =  'display:none';
                else {
                    $style =  '';
                }
            @endphp

        <div class="capex" style={{ $style }}>

            {!! Form::select('category_id')
            -> options(Category::categories($asset_capex->category_id))
            -> placeholder(trans('assets::asset_capex.placeholder.category_id'))       
            -> label(trans('assets::asset_capex.label.category_id'))
            ->required()
            -> addGroupClass('form-group-sm')!!}

            {!! Form::select('sub_category_id')
            -> options(Category::subcategories($asset_capex->sub_category_id))
            -> placeholder(trans('assets::asset_capex.placeholder.sub_category_id'))       
            -> label(trans('assets::asset_capex.label.sub_category_id'))
            ->required()
            -> addGroupClass('form-group-sm')!!}

        </div>
            @php
                if(!isset($asset_capex->id) || $asset_capex->type == 1)
                    $style =  '';
                else {
                    $style =  'display:none';
                }
            @endphp
        
        <div class="opex" style={{ $style }}>

            {!! Form::select('work_department_id')
            -> options(WorkDepartment::work_departments(0, $asset_capex->work_department_id))       
            -> placeholder(trans('assets::asset_capex.placeholder.work_department_id'))       
            -> label(trans('assets::asset_capex.label.work_department_id'))
            ->required()
            -> addGroupClass('form-group-sm')!!}

            {!! Form::select('expense_group_id')
            -> options(ExpenseCategory::expense_categories($asset_capex->expense_group_id))       
            -> placeholder(trans('assets::asset_capex.placeholder.expense_group_id'))       
            -> label(trans('assets::asset_capex.label.expense_group_id'))
            ->required()
            -> addGroupClass('form-group-sm')!!}

        </div>


        {!! Form::text('amount')
        -> label('Amount')
        -> placeholder(trans('assets::asset_capex.placeholder.amount'))
        -> addGroupClass('form-group-sm')
        ->min(0)
        !!}

        {!! Form::select('user_id')
        ->options(Company::users(), user('admin.web')->id) 
        ->placeholder(trans('assets::asset_capex.placeholder.user_id')) 
        ->label(trans('assets::asset_capex.label.user_id'))     
        ->disabled(true)
        ->addGroupClass('form-group-sm') !!}   

        {!! Form::date('created_at')
        ->addClass('datepick')
        -> disabled()
        -> label('Date')
        -> placeholder('date')
        -> addGroupClass('form-group-sm')
        !!}
    </div>
</div>

<style type="text/css">
  
  label.radio-inline
    {
      font-size: 12px;
    }
</style>
<script type="text/javascript">

    $(document).ready(function(){
        $(".datepick").pickadate({
        format: 'dd mmm, yyyy',
        formatSubmit: 'yyyy-mm-dd',
        hiddenSuffix: '',
        selectMonths: true,
        selectYears: true,
        onStart: function() {
        this.set({ select: new Date()});
        }
        }).prop('type','text');  
        
        $("#category_id").change(function() {
            var category = $("#category_id option:selected").val();
            $("#sub_category_id").load('{{ URL::to('admin/category/subcategory') }}' + '/' +
                category);             
       
        });

        $('.type_radio').change(function(){
            var type = $(this).val();
            if(type == 2){
                $('.opex').slideUp();
                $('.capex').slideDown();
            }
            if(type == 1){
                $('.opex').slideDown();
                $('.capex').slideUp();
                $('#category_id').val('');
                $('#sub_category_id').val('');
                $('#work_department_id').val('');
            }
        });

        //     $("#requiredfor").select2({
        //     ajax: {
        //         url: "{{ trans_url('admin/company/list/division/employee') }}",
        //         dataType: 'json',
        //         delay: 250,
        //         data: function(params) {
        //             return {
        //                 q: params.term, // search term
        //                 companyId: $('#company_id').val(),
        //                 divisionId: $('#division_id').val(),
        //                 page: params.page
        //             };
        //         },
        //         processResults: function(data, params) {

        //             params.page = params.page || 1;
        //             return {
        //                 results: data.items,
        //                 pagination: {
        //                     more: (params.page * 30) < data.total_count
        //                 }
        //             };
        //         },
        //         cache: true,
        //     },
        //     escapeMarkup: function(markup) {
        //         return markup;
        //     }, // let our custom formatter work
        //     initSelection: function(element, callback) {
        //         @if (@$asset_capex->id)
        //             callback({
        //                 id: "{{ @$asset_capex->requiredfor }}",
        //                 name: "{{ @$asset_capex->required_for->name }}"
        //             });
                   
        //         @else
        //             callback({
        //                 id: "{{ @user('admin.web')->employee_id }}",
        //                 name: "{{ @user('admin.web')->employee->name }}"
        //             });
        //         @endif
        //     },
        //     templateResult: formatRepo3, // omitted for brevity, see the source of this page
        //     templateSelection: formatRepo3Selection // omitted for brevity, see the source of this page
        // });

        // function formatRepo3(repo) {
        //     if (repo.loading) return repo.name;
        //     var markup = "<div class='select2-result-repository clearfix'>" +
        //         "<div class='select2-result'><span>" + repo.name + "</span></div>";

        //     return markup;
        // }


        // function formatRepo3Selection(repo) {
        //     return repo.name ? repo.name : repo.text;
        // }
        // $("#preferred_vendor").select2({
        //     minimumInputLength: 2,
        //     allowClear: true,
        //     placeholder: 'Select Supplier',
        //     ajax: {
        //         url: "{{ trans_url('admin/supplier/select2') }}",
        //         dataType: 'json',
        //         delay: 250,
        //         data: function(params) {
        //             return {
        //                 q: params.term, // search term
        //                 companyId: {{  user('admin.web')->current_comp  }},
        //                 page: params.page
        //             };
        //         },
        //         processResults: function(data, params) {

        //             params.page = params.page || 1;
        //             return {
        //                 results: data.items,
        //                 pagination: {
        //                     more: (params.page * 30) < data.total_count
        //                 }
        //             };
        //         },
        //         cache: true
        //     },
        //     escapeMarkup: function(markup) {
        //         return markup;
        //     }, // let our custom formatter work
        //     initSelection: function(element, callback) {
        //         callback({
        //             id: "{{ @$asset_capex->preferred_vendor }}",
        //             name: "{{ @$asset_capex->supplier->name }}"                });
        //     },
        //     templateResult: formatRepo3, // omitted for brevity, see the source of this page
        //     templateSelection: formatRepo3Selection // omitted for brevity, see the source of this page
        // });
        //  function formatRepo3(repo) {
        //     if (repo.loading) return repo.name;
        //     var markup = "<div class='select2-result-repository clearfix'>" +
        //         "<div class='select2-result'><span>" + repo.name + "</span></div>";

        //     return markup;
        // }


        // function formatRepo3Selection(repo) {
        //     return repo.name?repo.name:repo.text;
            
        // }
        
    }); 
    // $("#sublocationid").select2({
    //         minimumInputLength: 2,
    //         allowClear: true,
    //         placeholder: 'Select Sub Location',
    //         ajax: {
    //             url: "{{ trans_url('admin/location/sub_location/select2/location') }}",
    //             dataType: 'json',
    //             delay: 250,
    //             data: function(params) {
    //                 return {
    //                     q: params.term, // search term
    //                     companyId: $('#companyid').val(),
    //                     // divisionId: $('#divisionid').val(),

    //                     page: params.page
    //                 };
    //             },
    //             processResults: function(data, params) {

    //                 params.page = params.page || 1;
    //                 return {
    //                     results: data.items,
    //                     pagination: {
    //                         more: (params.page * 30) < data.total_count
    //                     }
    //                 };
    //             },
    //             cache: false,
    //         },
    //         escapeMarkup: function(markup) {
    //             return markup;
    //         }, // let our custom formatter work
    //         initSelection: function(element, callback) {
    //             callback({
    //                 id: "{{ @$asset_capex->sublocationid }}",
    //                 name: "{{ @$asset_capex->sublocation->name }}"
    //             });
    //         },
    //         templateResult: formatRepo4, // omitted for brevity, see the source of this page
    //         templateSelection: formatRepo4Selection // omitted for brevity, see the source of this page
    //     });

    //     function formatRepo4(repo) {
    //         if (repo.loading) return repo.name;
    //         var markup = "<div class='select2-result-repository clearfix'>" +
    //             "<div class='select2-result'><span>" + repo.name + "</span></div>";

    //         return markup;
    //     }


    //     function formatRepo4Selection(repo) {
    //         return repo.name ? repo.name : repo.text;

    //     }


    
</script>


<script>
    //  @if (@$asset_capex->requireddate!='0000-00-00' && @$asset_capex->requireddate!=null)
    //   $("#requireddate").pickadate('picker').set({select: new Date("{!!@$asset_capex->requireddate?:''!!}")});
    // @endif
    @if (@$asset_capex->created_at!='0000-00-00' && @$asset_capex->created_at!=null)
      $("#created_at").pickadate('picker').set({select: new Date("{!!@$asset_capex->created_at?:''!!}")});
    @endif
    // @if (@$asset_capex->lvl1_date!='0000-00-00' && @$asset_capex->lvl1_date!=null)
    //   $("#lvl1_date").pickadate('picker').set({select: new Date("{!!@$asset_capex->lvl1_date?:''!!}")});
    // @endif
    // @if (@$asset_capex->lvl2_date!='0000-00-00' && @$asset_capex->lvl2_date!=null)
    //   $("#lvl2_date").pickadate('picker').set({select: new Date("{!!@$asset_capex->lvl2_date?:''!!}")});
    // @endif
  

    // @if (@$asset_capex->lvl3_date!='0000-00-00' && @$asset_capex->lvl3_date!=null  && $asset_capex->lvl1 && $asset_capex->lvl2 )
    //   $("#lvl3_date").pickadate('picker').set({select: new Date("{!!@$asset_capex->lvl3_date?:''!!}")});
    // @endif

    // @if (@$asset_capex->action_date!='0000-00-00' && @$asset_capex->action_date!=null && $asset_capex->lvl1 && $asset_capex->lvl2 && $asset_capex->lvl3)
    //   $("#action_date").pickadate('picker').set({select: new Date("{!!@$asset_capex->action_date?:''!!}")});
    // @endif

    @if(@$asset_capex->company->no_of_decimal_in_currency==2)
              $('#approximate_value').val((parseFloat('{{@$asset_capex->approximate_value}}')).toFixed(2));
              $('#approved_value').val((parseFloat('{{@$asset_capex->approved_value}}')).toFixed(2));
    @endif
  
         
   </script>