@extends('layouts.metronic')

@section('title')
<a href="{{ route('project.edit', $project->_id) }}" >
    <h1 class="d-flex align-items-center text-dark fw-bolder fs-3 my-1">{{$project->name}}</h1>
</a>
@endsection

@section('subtitles')
<span class="h-20px border-gray-200 border-start ms-3 mx-2"></span>
<ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('module.edit', [$project->_id, $module->_id]) }}" class="text-muted text-hover-primary">{{$module->name}}</a>
    </li>
    <li class="breadcrumb-item">
        <span class="h-20px border-gray-200 border-start ms-3 mx-2"></span>
    </li>
    <li class="breadcrumb-item text-muted">{{$milestone->name}}</li>    
</ul>    
@endsection

@section('content')
<div id="kt_content_container" class="container-xxl">
    @if(Session::has('success'))
        <div id="successAlert" class="alert alert-success" role="alert">
            <div class="row">
                <div class="col-md-11">{{Session::get('success')}}</div>
                <div class="col-md-1 d-flex justify-content-end">
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>           
        </div>
    @endif
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <div class="card">
        <form action="{{ route('milestone.save') }}" method="POST" class="form fv-plugins-bootstrap5 fv-plugins-framework">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">                                    
            @if (!empty($milestone))    
                <input type="hidden" name="module_id" value="{{ $module->_id }}">
                <input type="hidden" name="project_id" value="{{ $project->_id }}">
                <input type="hidden" name="milestone_id" value="{{ $milestone->_id }}">
            @endif           

            <div class="card-body mb-0">
                <div class="row mb-5">
                    <div class="col-md-3 fv-row fv-plugins-icon-container">
                        <label class="required fs-5 fw-bold mb-2">Nume</label>
                        <input type="text" value="{{ (!empty($milestone))?$milestone->name:old('name') }}" class="form-control form-control-solid" placeholder="" name="name" required>
                    </div>

                    <div class="col-md-2 fv-row fv-plugins-icon-container">
                        <label class="required fs-5 fw-bold mb-2">Departament</label>
                        <select name="department_id" class="form-select form-select-solid select2-hidden-accessible"  data-control="select2" data-hide-search="true" data-placeholder="Select a Team Member"   tabindex="-1" aria-hidden="true">
                            @foreach ($departments as $department)
                            <option value="{{$department->_id}}" {{ (!empty($milestone) && $milestone->department_id==$department->_id)?'selected':'' }}>{{$department->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3 fv-row fv-plugins-icon-container">
                        <label class="required fs-5 fw-bold mb-2">Data Estimata de Inceput</label>
                        <input type="text" class="form-control form-control-solid flatpickr-input active" placeholder="Selecteaza data" id="start_date" name="estimated_start_date" readonly="readonly" value="{{ (!empty($milestone))?$milestone->estimated_start_date->format('d-m-y'):old('estimated_start_date') }}">
                    </div>
                    <div class="col-md-3 fv-row fv-plugins-icon-container">
                        <label class="required fs-5 fw-bold mb-2">Data Estimata de Finalizare</label>
                        <input type="text" class="form-control form-control-solid flatpickr-input active" placeholder="Selecteaza data" id="end_date" name="estimated_end_date" readonly="readonly" value="{{ (!empty($milestone))?$milestone->estimated_end_date->format('d-m-y'):old('estimated_end_date') }}">
                    </div>
                    <div class="col-md-1 d-flex my-4">
                        <button type="submit" class="btn btn-sm btn-primary" data-kt-users-modal-action="submit">
                            <span class="indicator-label">Salvează</span>
                        </button>
                    </div>
                </div>


                             
                
            </div>
        </form>
    </div>

    
</div>
@endsection



@section('script')
<script>
    $("#start_date").flatpickr({enableTime:!1,dateFormat:"d-m-Y"})
    $("#end_date").flatpickr({enableTime:!1,dateFormat:"d-m-Y"})
</script>
@endsection



@section('menuVariables')
<script>
    var menuItemName = "menuProjects";
</script>
@endsection