@extends('admin.layout.app')

@section('title', 'Client Management')

@section('content')
<div class="page-content-wrapper">
    <!-- TOPBAR -->
    <div class="top_bar page-content">
        <!-- 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="#" class="breadcrumb_link" onclick="return false">Client Management</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
        <!-- END BREADCRUMBS -->
    </div>
    <!-- END TOPBAR -->

    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <!-- Begin: life time stats -->
                <div class="portlet">
                    <div class="portlet-title">
                        <div class="caption">
                            <h2>Client Management</h2>
                        </div>
                        <div class="actions success_actions" style="">
                            <ul class="nav navbar-nav netsec_menucontent">
                                <button class="theme_btn_round btn">
                                    <a data-href="{{ route('admin.project.create') }}" data-toggle="modal" data-href="" data-target="#new_project" class="add_new">Add
                                        Client</a>
                                </button>
                            </ul>
                        </div>
                    </div>

                    
                    <div class="portlet-body flip-scroll user_management_wrap">
                        <!--------------------Search---------------------->
                        <div class="tb_search">
                            <input type="text" id="search_input_all" onkeyup="FilterkeyWord_all_table()" placeholder="Search.." class="form-control">
                        </div>
                        <table id="table-project" class="table filterable table-striped table-bordered table-hover custom_table">
                            <thead class="flip-content thead">
                                <tr>
                                    <th style="vertical-align: top; width: 100px;">
                                    <section title="">
                                        {{-- <div class="squaredThree">
                                            <input type="checkbox" style="height: auto !important;" id="all_opportunities" name="" class="form-control all_opportunities" value="">
                                            <label for="all_opportunities"></label>
                                        </div> --}}
                                    </section>
                                    </th>
                    
                                    <th class="th_2 project_name  ">Client Name</th>
                                    <th class="th_3 website ">Website</th>
                                    <th class="th_4 email">Phone</th>
                                    <th class="th_5 phone ">Email</th>
                    
                                    <th style="width: 50px; position: relative;">
                                        <img class="dots_menu_grey" src="{{ asset('images/dots_menu_grey.png') }}">
                                        <div class="dropdown_row table_option_checkboxes">
                                            <span class="dropdown_row_option head">Select Columns</span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="1" id="project_name">
                                                        <label for="project_name"></label>
                                                    </div>
                                                </section>
                                                <span>Client Name</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="2" id="website">
                                                        <label for="website"></label>
                                                    </div>
                                                </section>
                                                <span>Website</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="3" id="phone">
                                                        <label for="phone"></label>
                                                    </div>
                                                </section>
                                                <span>Phone</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked="" style="height: auto !important;" name="table_option[]" class="tb_options" value="4" id="email">
                                                        <label for="email"></label>
                                                    </div>
                                                </section>
                                                <span>Email</span>
                                            </span>

                                            <div class="tbl_actions">
                                                <button class="tbl_btn cancel_tbl_option">Cancel</button>
                                                <button class="tbl_btn apply_tbl_option">Apply</button>
                                            </div>
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="tbody">
                            <!--=====================-->
                    
                            <!--=====================-->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal scrollable fade bs-modal right modal-fullscreen r_u_sure in" id="new_project" role="dialog" aria-hidden="false" style="">
    <div class="sweet-overlay" tabindex="-1"></div>
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            @include('admin.modules.project.form')
        </div>
    </div>
</div>

@include('admin.modules.general.file_upload')

@stop

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('css/sweetalert.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('css/croppie.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-toastr/toastr.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-timepicker/css/bootstrap-timepicker.min.css') }}" />
<style>
    a.theme_btn_round:focus,
    a.theme_btn_round:active,
    .theme_btn_round:hover {
        color: #fff !important;
        background: #74d1da;
        border-color: #74d1da;
    }

    table.dataTable thead .sorting_asc:after {
        display: none;
    }

    .user_management_wrap {
        margin-top: 50px;
    }

    .user_management_wrap .tb_search {
        margin-top: -43px;
    }

    .modal-fullscreen.modal .modal-body {
        overflow-x: hidden;
    }

    .modal-footer {
        /* position: absolute; */
    }
    .modal .right_side_task {height: 100%;}
    #add_edit_form .body_wrap {height: 100%;}
    #add_edit_form .body_wrap .row {height: 100%;}
    /* #add_edit_form .modal .left_side_task {height: 100%;} */

    .dropdown_row_option:last-child {
        color: #337ab7;
    }

    .dropdown_row_option:last-child:hover{
        color: #3e4b58;
        opacity: 1.5 !important;
    }
    .table_option_checkboxes {
        z-index: 9;
    }
</style>
@stop

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