@section('page_content')
<form id="frmUpdatePipelineStage" method="POST" action="{{ route('tenant.pipeline.stage.update', $stage->id) }}">
    @csrf
    <div class="row">
        <div class="col-xxl-9 col-xl-7 col-lg-6 col-md-12">
            <div>
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Fill in the details.</h5>
                </div>
                <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="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label for="stage_name" class="form-label">Name</label>
                                <input id="stage_name" type="text" name="name" class="form-control" value="{{ $stage->name }}" placeholder="Enter Stage Name" required />
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="form-label">Pipeline</label>
                                <input type="text" class="form-control" value="{{ $pipeline->name }}" disabled />
                            </div>
                        </div>                              
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">Description</label>
                                <textarea name="description" class="form-control" rows="4">{{ $stage->description }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title">Stage Checklist</h5>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-striped verticle-middle table-responsive-sm sorted_table">
                        <thead>
                            <tr>
                                <th width="50">&nbsp;</th>
                                <th>Description</th>
                                <th width="120">Action</th>
                            </tr>
                        </thead>
                        <tbody id="field_options_wrapper">
                            @if(isset($checklist))
                                @foreach($checklist as $item)
                                    <tr>
                                        <td><span><i class="la la-arrows-alt dragula-handle"></i></span></td>
                                        <td>
                                            <input type="text" name="stage_checklist[]" class="form-control" placeholder="Enter Description" value="{{ $item->description }}" />
                                            <input type="hidden" name="sortorder[]" class="hdsortorder" value="{{ $item->sortorder }}" />
                                        </td>
                                        <td width="120">
                                            <button type="button" class="btn btn-sm btn-primary iconadd"><i class="fa fa-plus"></i></button>
                                            <button type="button" class="btn btn-sm btn-danger iconremove"><i class="la la-trash"></i></button>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            <tr>
                                <td><span><i class="la la-arrows-alt dragula-handle"></i></span></td>
                                <td>
                                    <input type="text" name="stage_checklist[]" class="form-control" placeholder="Enter Description" />
                                    <input type="hidden" name="sortorder[]" class="hdsortorder" value="{{ $checklist->count() + 1 }}" />
                                </td>
                                <td width="120">
                                    <button type="button" class="btn btn-sm btn-primary iconadd"><i class="fa fa-plus"></i></button>
                                    <button type="button" class="btn btn-sm btn-danger iconremove"><i class="la la-trash"></i></button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            </div>
        </div>
        <div class="col-xxl-3 col-xl-5 col-lg-6 col-md-12">
            <div>
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">General Details</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">Status</label>
                                <select name="status" class="form-control" required>
                                    @foreach($statuses as $k => $v)
                                        <option value="{{ $k }}" {{ $stage->status == $k ? 'selected':'' }}>{{ $v }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-12 hidden">
                            <div class="form-group">
                                <label class="form-label">Type</label>
                                <select name="type" class="form-control" required>
                                    @foreach($stage_types as $k => $v)
                                        <option value="{{ $k }}" {{ $stage->type == $k ? 'selected':'' }}>{{ $v }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>  
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">Close Stage?</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input type="checkbox" name="is_closed" class="form-check-input" {{ $stage->is_closed == 1 ? 'checked':'' }} value="1" /> Yes Close Stage
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card-footer">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 mt-2">                            
                            <a href="{{ route('tenant.pipeline.edit', $stage->pipeline_id) }}" title="Back to Pipeline Details" class="btn btn-info btn-block mr-2">Back</a>
                        </div>
                        <div class="col-lg-6 col-md-12 mt-2">                            
                            <button type="submit" class="btn btn-primary btn-block">Update</button>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
</form>
@stop