@extends('layouts.app')

@push('css')
@endpush

@php
    if(isset($project))
    {
        $id                = $project->id;
        $title             = $project->title;
        $start_date        = date('m/d/Y',strtotime($project->start_date));
        $end_date          = date('m/d/Y',strtotime($project->end_date));
        $description       = $project->description;
        $document          = $project->document;
    }
    else
    {
        $title             = old('title');
        $start_date        = old('start_date');
        $end_date          = old('end_date');
        $description       = old('description');
        $document          = old('document');
    }
@endphp

@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Manage Projects</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('projects.index') }}">Manage Projects</a></li>
                        <li class="breadcrumb-item active">Edit Project</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Edit Project</h3>
                        </div>
                        <!-- /.card-header -->
                        {!! Form::open(['name'=>'editprojectfrm', 'id'=>'editprojectfrm', 'route' => ['projects.update',$id], 'method' => 'put', 'files' => true]) !!}
                            <div class="card-body">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <div class="form-group">
                                    {!! Form::label('title', 'Title *', ['for' => 'title']) !!}
                                    {!! Form::text('title',$title,['class'=>'form-control','placeholder'=>'Enter Project Title','autofocus'=>true]) !!}
                                    @if($errors->has('title'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('title') }}</strong>
                                        </span>
                                    @else
                                        <span id="error-title" class="text-danger"></span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    {!! Form::label('start_date', 'Start Date *', ['for' => 'start_date']) !!}
                                    <div class="input-group date" id="startdate" data-target-input="nearest">
                                        {!! Form::text('start_date',$start_date,['class'=>'form-control datetimepicker-input','data-target'=>'#startdate']) !!}
                                        <div class="input-group-append" data-target="#startdate" data-toggle="datetimepicker">
                                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>
                                    </div>
                                    @if($errors->has('start_date'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('start_date') }}</strong>
                                        </span>
                                    @else
                                        <span id="error-start_date" class="text-danger"></span>
                                    @enderror
                                </div>
                                <!-- <div class="form-group">
                                    <label>Date:</label>
                                    <div class="input-group date" id="reservationdate" data-target-input="nearest">
                                        <input type="text" class="form-control datetimepicker-input" data-target="#reservationdate"/>
                                        <div class="input-group-append" data-target="#reservationdate" data-toggle="datetimepicker">
                                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>
                                    </div>
                                </div> -->
                                <div class="form-group">
                                    {!! Form::label('end_date', 'End Date *', ['for' => 'end_date']) !!}
                                    <div class="input-group date" id="enddate" data-target-input="nearest">
                                        {!! Form::text('end_date',$end_date,['class'=>'form-control datetimepicker-input','data-target'=>'#enddate']) !!}
                                        <div class="input-group-append" data-target="#enddate" data-toggle="datetimepicker">
                                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>
                                    </div>
                                    @if($errors->has('end_date'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('end_date') }}</strong>
                                        </span>
                                    @else
                                        <span id="error-end_date" class="text-danger"></span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    {!! Form::label('description', 'Project Details *', ['for' => 'description']) !!}
                                    {!! Form::textarea('description',$description,['class'=>'form-control','placeholder'=>'Enter Project Details']) !!}
                                    @if($errors->has('description'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('description') }}</strong>
                                        </span>
                                    @else
                                        <span id="error-description" class="text-danger"></span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    {!! Form::label('document_path', 'Project Document *', ['for' => 'description']) !!}
                                    <div class="input-group">
                                        <div class="custom-file">
                                            {!! Form::file('document_path',['class'=>'custom-file-input']) !!}
                                            {!! Form::label('document_path', 'Choose file', ['class' => 'custom-file-label']) !!}
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <a href="{{ asset('storage/projects/'.$id.'/'.$document) }}" download>{{ $document }} &nbsp;&nbsp;&nbsp;&nbsp; <i class="fas fa-file-download"></i></a>
                                </div>

                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">
                                {!! Form::submit('Save',['class'=>'btn btn-primary']) !!}
                                <a href="{{ url('projects') }}" class="btn btn-default">Cancel</a>
                            </div>
                        {!! Form::close() !!}

                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
@endsection

@push('script')

<script type="text/javascript">
    $(document).ready(function() {

        bsCustomFileInput.init();

        $.extend(true, $.fn.datetimepicker.defaults, {
            icons: {
                time: 'far fa-clock',
                date: 'far fa-calendar',
                up: 'fas fa-arrow-up',
                down: 'fas fa-arrow-down',
                previous: 'fas fa-chevron-left',
                next: 'fas fa-chevron-right',
                today: 'fas fa-calendar-check',
                clear: 'far fa-trash-alt',
                close: 'far fa-times-circle'
            }
        });

        $('#description').summernote();

        $('#startdate').datetimepicker({
            format: 'L',
            showTodayButton:true
        });

        $('#enddate').datetimepicker({
            format: 'L'
        });

        $('#addprojectfrm').validate({
            rules: {
                title: {
                    required:true,
                },
                start_date: {
                    required:true,
                },
                end_date: {
                    required:true,
                },
                description: {
                    required:true,
                },
                document_path: {
                    required:true,
                }
            },
            errorPlacement: function (error, element) {
                // if(element.attr("name")=="phone_no") {
                //     error.appendTo(element.parent().parent().find('span.text-danger'));
                // } else {
                    error.appendTo(element.parent().find('span.text-danger'));
                // }
            }
            // submitHandler: function(form) {
            //     var user_mobile_no = $('#phone_no').val(); 
            //     var user_mobile_no = user_mobile_no.replace(/\D/g, '');
            //     var getCode = phone_no_user.getSelectedCountryData()["dialCode"];
            //     $('input[name="user_phone_no"]').val('+'+getCode+'-'+user_mobile_no);
            //     return true;
            // }
        });
    });

    
</script>
@endpush