@php($projectBox = (strpos($viewPage ?? '', 'modal') !== false ? '' : 'project-box'))
@if(isset($form['tabs']) && !empty($form['tabs']))
    <ul class="nav nav-tabs nav-tabs-custom nav-justified" role="tablist">
        @foreach($form['tabs'] as $tab)
        <li role="presentation" class="nav-item"><a href="{{ $tab['url'] }}" class="nav-link {{ $tab['active'] ? 'active' : '' }}">{{ $tab['name'] }}</a></li>
        @endforeach
    </ul>
@endif
<div class="col-xl-12 col-sm-12 {{ isset($form['no_card_view']) && $form['no_card_view'] ? '' : $projectBox }}">
@if(isset($form['wrapper']) && $form['wrapper'])
    <div class="{{ $form['wrapper'] }}">
@endif
@php($requestParam = Request::all())
@if(isset($form['route_param']) && $form['route_param'])
    @php($requestParam = array_merge($requestParam, $form['route_param']))
@endif
@php($formRequired = (!isset($form['form_required']) || (isset($form['form_required']) && $form['form_required'])) ? true : false)
@php($formClass = $form['class'] ?? 'form-horizontal custom-validation' )
@php($formId = $form['id'] ?? 'admin-form')
@php($topRightButtons = [])
@php($otherButtons = [])
@php($otherButtonsBL = [])
@if(isset($form['custom_buttons']))
    @foreach($form['custom_buttons'] as $button)
        @if(isset($button['attributes']['position']) && $button['attributes']['position'] === 'tr')
            @php($topRightButtons[] = $button)
        @elseif(isset($button['attributes']['position']) && $button['attributes']['position'] === 'bl')
            @php($otherButtonsBL[] = $button)
        @else  
            @php($otherButtons[] = $button)
        @endif
    @endforeach
@endif
@php(
    $qa = $form['quick_add'] ?? null
)
@php(
    $qaShow = is_array($qa) ? ($qa['show'] ?? (bool)$qa) : (bool)$qa
)
@php(
    $qaPos = is_array($qa) ? ($qa['position'] ?? 'top') : 'top'
)
@php(
    $qaVal = is_array($qa) ? ($qa['value'] ?? '') : ''
)
@php(
    $qaChecked = old('is_make_another_field', $qaVal) ? 'checked' : ''
)
@php(
    $qaContainerClass = 'custom-control custom-checkbox project-checkbox' . ($qaPos === 'bottom' ? ' mb-3' : '')
)
@php(
    $quickAddCheckboxHtml = $qaShow
        ? '<div class="' . $qaContainerClass . '">
                <input type="hidden" name="is_make_another_field" value="0">
                <input class="is_make_another_field custom-control-input form-check-input" type="checkbox" name="is_make_another_field" id="is_make_another_field-1" value="1" ' . $qaChecked . '>
                <label class="custom-control-label" for="is_make_another_field-1">Create field and make another field</label>
           </div>'
        : ''
)
@if($formRequired)
    @if(isset($id) && $id)
        @php($requestParam[] = $id)
        @php($formAttributes = [
            'class'         => $formClass,
            'enctype'       => 'multipart/form-data',
            'data-method'   => 'POST',
            'id'            => $formId,
            'data-refresh'  => (isset($form['attributes']['data-refresh']) ? $form['attributes']['data-refresh'] : null)
        ])
        @if(isset($form['attributes']))
            @php($formAttributes = array_merge($formAttributes, $form['attributes']))
        @endif
        
        {{ html()->modelForm($data, 'PATCH', isset($form['route']) && $form['route'] ? route($form['route'], $requestParam) : '#')
        ->attributes($formAttributes)
        ->open() }}
    @else
        @php($formAttributes = [
            'class'         => $formClass,
            'enctype'       => 'multipart/form-data',
            'data-method'   => 'POST',
            'id'            => $formId,
            'data-refresh'  => (isset($form['attributes']['data-refresh']) ? $form['attributes']['data-refresh'] : null)
        ])
        @if(isset($form['attributes']))
            @php($formAttributes = array_merge($formAttributes, $form['attributes']))
        @endif
            {!! html()
        ->form('POST', isset($form['route']) && $form['route'] ? route($form['route'], $requestParam) : '#')
        ->attributes($formAttributes)
        ->open() !!}
    @endif
@endif
@if(isset($form['label']) && $form['label'] != '' || count($topRightButtons) > 0)
    <div class="heading-btn-sec">
        <h3 class="form-module-title mb-0">{{ $form['label'] ?? '' }}</h3>
@endif
    @if(count($topRightButtons))
        <div class="heading-btn">
            {!! ($qaShow && $qaPos === 'top') ? $quickAddCheckboxHtml : '' !!}
            @if(isset($form['back_route']) && $form['back_route']!= '')
                <a href="{{ $form['back_route'] }}" class="black-btn-inner waves-effect"><i class="'. \Config::get('settings.icon_back') .'"></i> Back </a>
            @endif
            @foreach($topRightButtons as $button)
                @if(isset($button['type']) && $button['type'] == 'anchor')
                    <a {!! isset($button['attributes']) ? \App\Helpers\Helper::getAttr($button['attributes']) : '' !!}>
                        @if(isset($button['icon']))
                            <i class="{{ $button['icon'] }}"></i>
                        @endif
                        {!! $button['text'] !!}
                    </a>
                @else
                    <button type="{{ isset($button['type']) ? $button['type'] : 'submit' }}" {!! isset($button['attributes']) ? \App\Helpers\Helper::getAttr($button['attributes']) : '' !!}>
                        @if(isset($button['icon']))
                            <i class="{{ $button['icon'] }}"></i>
                        @endif    
                        {!! $button['text'] !!}
                    </button>
                @endif
            @endforeach
        </div>
    @endif
@if(isset($form['label']) && $form['label'] != '' || count($topRightButtons) > 0)
    </div>
@endif
    @if(!empty($form['fields']))
        @php ($multiSelectScript = 0)
        @php ($dateTimePicker = 0)
        @php ($fileCropper = 0)
        @php ($rowClass = 'form-group row')
        @foreach($form['fields'] as $key => $value)
            @if(isset($value['attributes']['second_panel']))
                @continue
            @endif
            @if(isset($value['row_width']))
                @php ($rowClass =  $value['row_width'])
                @php ($oneElementEachRow = false)
            @else
                @php ($rowClass = 'form-group row')
                @php ($oneElementEachRow = true)
            @endif
            @php ($extraWidth = (isset($value['extra']['field_width']) ? $value['extra']['field_width'] : 'col-lg-3 col-md-6 col-xs-12 col-sm-12'))
            @php ($dateTimePicker = (!$dateTimePicker && in_array($value['type'], ['date', 'time', 'datetime'])) ? 1 : $dateTimePicker)
            @php ($fileCropper = (!$fileCropper && (($value['type'] == 'file' && isset($value['attributes']) && array_key_exists("cropper", $value['attributes']) && $value['attributes']['cropper']) || ($value['type'] == 'dropzone' && isset($value['attributes']) && array_key_exists("cropper", $value['attributes']) && $value['attributes']['cropper']))) ? 1 : $fileCropper)
            @php ($coverClass = '')
            @php ($inputValue = (isset($value['value']) ? $value['value'] : null))
            @php ($inputGroup = null)
            @if(isset($value['input_group']))
                @php($inputGroup = $value['input_group'])
                @dd($inputGroup)
            @endif
            @if(!in_array($value['type'], ['html', 'include', 'hidden', 'group']))
                <div class="{{ $rowClass }}" id="row-{{ str_replace('[]', '', $key) }}">
                        <div class="admin-form-modern-field">
                            @include('admin.components.admin-form-field')
                        </div>
                        @if(isset($value['extra']) && $value['extra'])
                        <div class="{{ $extraWidth }}">
                            @php($value = $value['extra'])
                            @php($coverClass = 'row')
                            @include('admin.components.admin-form-field')
                        </div>
                        @endif
                </div>
            @elseif($value['type'] == 'group')
                @php($groupWidth = $value['width'] ?? 'col-xl-3 col-md-6 col-sm-6 col-xs-12')
                @php($groupRowClass =  $value['row_width'] ?? 'row')
                @php($groupRowClass .= (isset($value['background_color']) && $value['background_color']) ? ' form-group-background' : '')
                @php($saperateLine = isset($value['seperator_line']) && $value['seperator_line'] ? true : false)
                @if(isset($value['label']) && !empty($value['label']))
                    <div class="admin-form-group-label mb-3 font-weight-bold h5">{{ $value['label'] }}</div>
                @endif
                @if(isset($value['sub_label']) && !empty($value['sub_label']))
                    <div class="admin-form-group-sub-label mb-3"><p>{{ $value['sub_label'] }}</p></div>
                @endif
                <div class="{{ $groupRowClass }}" id="group-{{ str_replace('[]', '', $key) }}">
                    @foreach($value['fields'] as $k => $v)
                        @php($groupWidth = $v['width'] ?? $groupWidth)
                        <div class="{{ $groupWidth }} admin-form-modern-row" id="row-{{ str_replace('[]', '', $k) }}">
                            <div class="admin-form-modern-field">
                                @php($key = $k)
                                @php($value = $v)
                                @php ($inputValue = (isset($value['value']) ? $value['value'] : null))
                                @php ($dateTimePicker = (!$dateTimePicker && in_array($value['type'], ['date', 'time', 'datetime'])) ? 1 : $dateTimePicker)
                                @php($coverClass = 'form-group row')
                                @php ($inputGroup = null)
                                @if(isset($value['input_group']))
                                    @php($inputGroup = $value['input_group'])
                                @endif
                                @include('admin.components.admin-form-field')
                            </div>
                        </div>
                    @endforeach
                </div>
                @if($saperateLine)
                    <div class="seperator-line"></div>
                @endif
            @elseif($value['type'] == 'hidden')
                {!! html()->hidden($key, $inputValue, ($value['attributes'] ?? [])) !!}
            @elseif($value['type'] == 'html')
                @if(isset($value['label']) && !empty($value['label']))
                    <div class="html-header-label">
                        <h5 class="mb-2">{{ $value['label'] }}</h5>
                    </div>
                @endif
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 {{ $value['attributes']['class'] ?? '' }}" id="row-{{ $key }}">{!! $value['value'] !!}</div>
                <div class="clearfix"></div>
            @elseif($value['type'] == 'include')
                @include($value['value'])
            @endif
        @endforeach

        @if($dateTimePicker)
            @include('admin.components.date-time-picker')
        @endif

        @if($fileCropper)
            @push('page_css')
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.css">
            @endpush
            @push('page_script')
            <div class="modal fade" id="cropper_modal" data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">Crop uploaded image</h4>
                            <button type="button" class="close cros-btn" data-dismiss="modal" aria-label="Close">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                        <div class="modal-body text-center">
                            <div class="croppie-modal-wrap"></div>
                            <div class="crop-controls">
                                <button class="btn btn-outline-primary rotate-left" type="button" data-toggle="tooltip" title="Rotate Left"><i class="bx bx-rotate-left"></i></button>
                                <button class="btn btn-outline-primary rotate-right" type="button" data-toggle="tooltip" title="Rotate Right"><i class="bx bx-rotate-right"></i></button>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="black-btn-inner waves-effect" data-dismiss="modal">Cancel</button>
                            <button type="button" class="green-btn-inner waves-effect crop-btn">Crop</button>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                var croppers = {};
                var previousImage = [];
                var rawImage, fileId;
                
                $(document).ready(function() {
                    $('.modal .close, .modal [data-dismiss="modal"]').on('click', function() {
                        $(this).closest('.modal').modal('hide');
                    });
                    
                    $('#cropper_modal').on('hidden.bs.modal', function() {
                        if (fileId && croppers[fileId]) {
                            croppers[fileId].destroy();
                            delete croppers[fileId];
                        }
                        $(".croppie-modal-wrap").empty();
                    });
                    
                    $('#cropper_modal').on('shown.bs.modal', function() {
                        
                        setTimeout(function() {
                            if (fileId && croppers[fileId]) {
                                croppers[fileId].resize();
                                
                                // // Set initial zoom based on screen size
                                // var zoomLevel = 0.8;
                                // if (window.innerWidth < 768) {
                                //     zoomLevel = 0.6;
                                // }
                                // croppers[fileId].zoomTo(zoomLevel);
                                // console.log('Zoom set to:', zoomLevel);
                            } else {
                                console.log('No active cropper found in modal shown event');
                            }
                        }, 200);
                    });
                    
                    // Add rotation functionality
                    $('.rotate-left').on('click', function(e) {
                        if (croppers[fileId]) {
                            croppers[fileId].rotate(-90);
                        }
                    });
                    
                    $('.rotate-right').on('click', function(e) {
                        if (croppers[fileId]) {
                            croppers[fileId].rotate(90);
                        }
                    });
                    
                    // Handle window resize for responsive behavior
                    $(window).on('resize', function() {
                        if (fileId && croppers[fileId]) {
                            croppers[fileId].resize();
                        }
                    });
                });
            </script>
            @endpush
        @endif
    @endif
    @if(isset($include_page))
        @include($include_page)
    @endif
    <div class="clearfix"></div>
    @if($formRequired)
            <div class="bottom-buttons">
                {!! ($qaShow && $qaPos === 'bottom') ? $quickAddCheckboxHtml : '' !!}
                @if(!isset($form['custom_buttons']))
                    <div class="text-center right-buttons">
                        <button type="submit" class="green-btn-inner waves-effect">{!! (isset($form['submit_text']) ? $form['submit_text'] : '<i class="'. \Config::get('settings.icon_save') . '"></i> <span>Save Changes</span>') !!}</button>
                    </div>
                @else
                    <div class="text-center left-buttons">
                        @foreach($otherButtons as $button)
                            @if(isset($button['type']) && $button['type'] == 'anchor')
                                @if(isset($button['icon']))
                                    <i class="{{ $button['icon'] }}"></i>
                                @endif
                                <a {!! isset($button['attributes']) ? \App\Helpers\Helper::getAttr($button['attributes']) : '' !!}>{!! $button['text'] !!}</a>
                            @else
                                @if(isset($button['icon']))
                                    <i class="{{ $button['icon'] }}"></i>
                                @endif
                                <button type="{{ isset($button['type']) ? $button['type'] : 'submit' }}" {!! isset($button['attributes']) ? \App\Helpers\Helper::getAttr($button['attributes']) : '' !!}>{!! $button['text'] !!}</button>
                            @endif
                        @endforeach
                    </div>
                    <div class="text-center right-buttons">
                        @foreach($otherButtonsBL as $button)
                            @if(isset($button['type']) && $button['type'] == 'anchor')
                                <a {!! isset($button['attributes']) ? \App\Helpers\Helper::getAttr($button['attributes']) : '' !!}>
                                    @if(isset($button['icon']))
                                        <i class="{{ $button['icon'] }}"></i>
                                    @endif
                                    {!! $button['text'] !!}
                                </a>
                            @else
                                <button type="{{ isset($button['type']) ? $button['type'] : 'submit' }}" {!! isset($button['attributes']) ? \App\Helpers\Helper::getAttr($button['attributes']) : '' !!}>
                                    @if(isset($button['icon']))
                                        <i class="{{ $button['icon'] }}"></i>
                                    @endif
                                    {!! $button['text'] !!}
                                </button>
                            @endif
                        @endforeach
                    </div>
                @endif
            </div>
        {!! html()->form()->close() !!}
    @else
        <div class="bottom-buttons">
            @foreach($otherButtons as $button)
                @if(isset($button['type']) && $button['type'] == 'anchor')
                    <a {!! isset($button['attributes']) ? \App\Helpers\Helper::getAttr($button['attributes']) : '' !!}>
                        @if(isset($button['icon']))
                            <i class="{{ $button['icon'] }}"></i>
                        @endif
                        {!! $button['text'] !!}
                    </a>
                @else
                    <button type="{{ isset($button['type']) ? $button['type'] : 'button' }}" {!! isset($button['attributes']) ? \App\Helpers\Helper::getAttr($button['attributes']) : '' !!}>
                        @if(isset($button['icon']))
                            <i class="{{ $button['icon'] }}"></i>
                        @endif    
                        {!! $button['text'] !!}
                    </button>
                @endif
            @endforeach
        </div>
    @endif
@if(isset($form['wrapper']) && $form['wrapper'])
    </div>
@endif
</div>
<div class="clearfix"></div>
@if(isset($form['include_scripts']))
    @push('page_script')
        {!! $form['include_scripts'] !!}
    @endpush
@endif