@extends('layouts.default', ['appTopMenu' => true])

<!-- @section('title','Receipt') -->
@push('scripts')
<!--<script src="{{ asset('js/typeahead.js') }}"></script>
<script src="{{ asset('js/bootstrap3-typeahead.min.js') }}"></script

<script src="{{ asset('js/autocomplete.js') }}"></script>-->
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>
<script src="{{ asset('js/bootstrap-datetimepicker.js')}}"></script>
 <!--<script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script>-->
@endpush

@push('head')

<!--<link href="../assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="../assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="../assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="../assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<script src="../assets/plugins/sweetalert/dist/sweetalert.min.js"></script>-->
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>-->
<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>

@endpush

@section('content') 
<div class="container">
    @if (session('status'))

    <div class="alert alert-success alert-dismissible" >
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        {!! session('status') !!}
    </div>
    @elseif(session('failed'))
    <div class="alert alert-danger alert-dismissible" >
        <button type="button" class="btn-close" ddata-bs-dismiss="alert"></button>
        <strong>{{ session('failed') }}	</strong>
    </div>
    @endif

    <form action="{{url('/addProject')}}" method="POST">
        @csrf
        <!--<pre>
          @php 
              print_r($errors->all());
          @endphp 
        </pre>-->


        
        <div class="card mb-3">
            <div class="card-header card-bg-color ">New Project</div>
            <div class="card-body">
            <div class="row">
            <div class="col-xl-12 mb-3">
                <div class="row">
                    <div class="col-sm-2 mb-3">
                        <label class="control-label" for="project_module"><b>Project/Module</b></label>
                        <select name="project_module" onchange="checkproject();" id="project_module" class="form-select form-select-sm">
                            <option value="P">Project</option>
                            <option value="M">Module</option>
                        </select>
                        <span class="help-block"></span>
                    </div>
                    <div class="col-sm-2 mb-3 project">
                        <label class="control-label" for="ddl_project"><b>Project</b></label>
                        <select name="ddl_project" id="ddl_project" class="form-select form-select-sm @error('ddl_project') border border-danger @enderror">
                        <option value="">Select Project</option>
                        @foreach ($projects as $value)
                            <option value="{{ $value->id }}">{{ $value->project }}</option>
                        @endforeach
                        </select>
                        @error('ddl_project')
                            <small class="help-block text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                    <div class="col-sm-3 mb-3">
                        <label class="control-label" for="txt_name"><b>Project/Module Name</b></label>
                        <input type="text" name="txt_name" id="txt_name" class="form-control form-control-sm @error('txt_name') border border-danger @enderror" value="{{old('txt_name')}}">
                        @error('txt_name')
                            <small class="help-block text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                    <div class="col-sm-3">
                        <label class="control-label" for="txt_desc"></label><br/>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div> 
                </div>
            </div>
            </div>
        </div>
    </form>
</div>

@endsection



@push('scripts')

<script>
    $(document).ready(function () {
        $(".project").hide();
    });

    function checkproject(){
        var pro = $("#project_module").val();
        if(pro == "P"){
            $(".project").hide();
        }else if(pro == "M"){
            $(".project").show();
        }
    }

</script>

@endpush