@extends('layouts.project-form-base', ['title' => 'Add Projects', 'formTitle' => 'Add New Project', 'back' =>
getRoute("project.index"), 'wrapper' => ''])
@include('templates.handlebar.dynamic_radio')
@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/front/css/bootstrap-datepicker.min.css?v='.time()) }}" />
<style>
    .cut-image {
        cursor: pointer;
    }

    .categories-selection {
        height: auto;
    }

    .cut-image-stock {
        cursor: pointer;
        position: absolute;
        right: 4px;
        top: 4px;
    }
</style>
@endsection
@section('content')
@include('inc.logo-loader')
<div class="container pt-10">
    <div id="msform">

        <x-project.project-form :projectType="$project_type" projectId="{{$project_id ?? ''}}" />
        {{-- <div class="col-lg-3">
            <x-form-sections requestCategory="{{$request_category ?? ''}}" />
        </div>
        <div class="col-sm-9">
            <x-form-inputs type="{{request()->get('id')}}" projectId="{{$project_id ?? ''}}"
                requestCategory="{{$request_category ?? ''}}" />
        </div> --}}

    </div>
</div>
@endsection
@section('script')
<script src="{{ asset('assets/front/js/JSzip.js?v='.time()) }}"></script>
<script src="{{ asset('assets/front/js/jszip-utils.js?v='.time()) }}"></script>
<script src="{{ asset('assets/front/js/FileSaver.js?v='.time()) }}"></script>
<script src="{{ asset('assets/front/js/project.js?v='.time()) }}"></script>
<script src="{{ asset('assets/front/js/stock-image.js?v='.time()) }}"></script>
<script src="{{ asset('assets/front/js/classes/dynamicInputs.js?v='.time()) }}"></script>
{{-- <script src="{{ asset('assets/front/js/bootstrap-datepicker.min.js?v='.time()) }}"></script> --}}
@if(isset($project_id) && $project_id)
<script>
    $(document).ready(function() {
        // $('.datepicker').datepicker({
        //     format:'mm/dd/yyyy'
        // });
        $('#SubmitProject').find('input:checked').each(function() {
            $(this).trigger('change');
        });
    });
</script>


@endif
<script>
    $('.btn-listing-checkbox input[type=checkbox]').change(function() {
        if (this.checked) {
            $(this).closest('li').addClass('active');
        } else {
            $(this).closest('li').removeClass('active');
        }
    });
    $('.btn-listing-radio li').on('click', function() {
        $(this).addClass('active').siblings().removeClass('active');

    });
</script>

@include('scripts.project-media-script')

@endsection

@section('modals')
{{-- @if($isModal)
@include('customer.modals.project_type_modal', ['project_type' => $project_type])
@endif --}}
@include('customer.modals.stock-images')
@endsection