@extends('admin.layout.app')

@section('title', 'Roles Policy')

@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">Roles & Policies</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>Roles & Policies
                                <span class="subtitle">Use this area to manage your company settings on SaleSoft CRM</span>
                            </h2>
                        </div>
                    </div>
                    <!-- MAIN CAPTION END -->
                    <hr>
                    
                    @include('admin.modules.general.roles')
                    @include('admin.modules.general.permissions')
                    </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('css/custom-style.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('css/custom.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('css/darkblue.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('css/croppie.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('css/sweetalert.css') }}" />
    
    <link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-toastr/toastr.min.css') }}" />
    <style>
        .b4_del_header {
            width: 45.33% !important;
        }
        .lead_stage_wrap .b4_del_header {
            width: 41.33% !important;
        }
        .roles .b4_del_header {
            width: 70% !important;
        }
    </style>
@stop

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