@extends('admin.layout.app')
@section('title', 'Task Status')

@section('content')
<div class="page-content-wrapper">
    <!-- TOPBAR -->
    <div class="top_bar page-content" style="min-height:534px">
        <!-- LOADER -->
        <div class="loader">
            <div class="top_status_bar load">
                <div class="progress_bar bar" style="left: 0px;">
                </div>
            </div>
        </div>
        <!-- END LOADER -->
        <!-- BREADCRUMBS -->
        <div class="breadcrumbs">
            <ul>
                <li><a href="{{ route('admin.dashboard') }}">Home</a></li>
                <li><a href="{{ route('admin.settings') }}" class="">Settings</a></li>
                <li><a href="#" class="breadcrumb_link" onclick="return false">Task Status</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
        <!-- END BREADCRUMBS -->
    </div>
    <!-- END TOPBAR -->
    <!-- PAGE CONTENT -->
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <!-- Begin: life time stats -->
                <div class="portlet setting_landing">
                    <!-- MAIN CAPTION START -->
                    <div class="portlet-title">
                        <div class="caption">
                            <h2>Task Status
                                <span class="subtitle"></span>
                            </h2>
                        </div>
                    </div>
                    <!-- MAIN CAPTION END -->
                    <hr>
                    <div class="portlet-body">
                        <div class="settings">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <span class="main_title">Task Status</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row each_row lead_stage_wrap">
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <span class="sub_heading">What steps are you following for managing a potential opportunity?</span>
                                        <span class="sub_heading">You can define the stages here and will help you to manage your
                                            opportunities and taking appropriate actions.</span>
                                    </div>
                                    <div class="col-md-1"></div>
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="portlet-body">
                                                <div class="products box">
                                                    <div class="header_tbl">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-6 row_header">Task Status</div>
                                                                <div class="col-md-5 row_header b4_del_header">Description</div>
                                                                <div class="del_header"></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row_wrap opportunity_stages">
                                                        <form class="task-status" method="POST">
                                                            @csrf
                                                            @foreach ($task_status as $task_stages)
                                                                <div class="row_inner_wrap">
                                                                    <div class="row">
                                                                        <input type="hidden" class="sorting" data-uuid="" value="1">
                                                                        <div class="col-md-12">
                                                                            <div class="col-md-6 inner_row">
                                                                                <input type="text" name="" placeholder="" value="{{ $task_stages->title }}" class="form-control title sm-title" readonly>
                                                                                <i class="fa fa-check edit_source edit_field edit_field_title"></i>
                                                                            </div>
                                                                            <div class="col-md-5 inner_row b4_del_header">
                                                                                <input type="text" name="" placeholder="" value="{{ $task_stages->description }}" class="form-control description sm-title" readonly>
                                                                                <i class="fa fa-check edit_desc edit_field edit_field_description"></i>
                                                                            </div>
                                                                            <div class="del_icon" data-action="{{ route('admin.task-status.destroy',$task_stages->id) }}" data-id="{{ $task_stages->id }}">
                                                                                <i class="fa fa-trash-o del" aria-hidden="true" style=""></i>
                                                                            </div>
                                                                            <div class="add_icon" style="display: none;">
                                                                                <i class="fa fa-plus add_row"></i>
                                                                            </div>
                                                                            <div class="edit_icon" data-action="{{ route('admin.task-status.update', $task_stages->id) }}" data-id="{{ $task_stages->id }}"  style="display: none;">
                                                                                <i class="fa fa-check edit_row"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                @endforeach
                                                                <div class="row_inner_wrap">
                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="col-md-6 inner_row">
                                                                                <input type="text" name="" placeholder="" value="" class="form-control title ">
                                                                                <i class="fa fa-check edit_source edit_field edit_field_title"data-uuid="" data-type="stage"></i>
                                                                            </div>
                                                                            <div class="col-md-5 inner_row b4_del_header">
                                                                                <input type="text" name="" placeholder="" value="" class="form-control description">
                                                                                <i class="fa fa-check edit_desc edit_field edit_field_description" data-uuid="" data-type="stage"></i>
                                                                            </div>
                                                                            <div class="del_icon">
                                                                                <i class="fa fa-trash-o del" aria-hidden="true" style=""></i>
                                                                            </div>
                                                                            <div class="add_icon" style="" data-action="{{ route('admin.task-status.store') }}">
                                                                                <i class="fa fa-plus add_row"></i>
                                                                            </div>
                                                                            <div class="edit_icon" style="display: none;">
                                                                                <i class="fa fa-check edit_row"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('css/settings.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-toastr/toastr.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('css/custom-style.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('css/custom.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('css/croppie.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('css/darkblue.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('css/sweetalert.css') }}" />
    <style>
        .b4_del_header {
            width: 45.33% !important;
        }
        .lead_stage_wrap .b4_del_header {
            width: 41.33% !important;
        }
        @media (min-width: 1401px) and (max-width: 1800px) {
            .add_icon, .edit_icon, .del_icon {
                right: 18px !important;
            }
            .lead_stage_wrap .b4_del_header {
                width: 39.33% !important;
            }
        }
        @media (max-width: 1400px) {
            .lead_stage_wrap .b4_del_header {
                width: 37.33% !important;
            }
        }
    </style>
@stop

@section('js')  
    @include('admin.modules.task_status.js.index')
@stop