<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="<?= csrf_token(); ?>">
    <link rel="shortcut icon" type="image/png" href="<?= url('/assets/img/favicon.png'); ?>"/>

    <title><?= $title; ?></title>

    <link href="<?php echo url('/'); ?>/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="<?php echo url('/'); ?>/assets/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="<?php echo url('/'); ?>/assets/css/bootstrap-select.min.css" rel="stylesheet">
    <link href="<?php echo url('/'); ?>/assets/css/xcode.min.css" rel="stylesheet">

    <link href="<?php echo url('/'); ?>/assets/css/plugins/dataTables/datatables.min.css" rel="stylesheet">

    <!-- perfect scrollbar -->
    <link href="<?php echo url('/'); ?>/assets/css/perfect-scrollbar.css" rel="stylesheet">
    
    <!-- Toastr style -->
    <link href="<?php echo url('/'); ?>/assets/css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <!-- Gritter -->
    <link href="<?php echo url('/'); ?>/assets/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

    <!-- chartist -->
    <link href="<?php echo url('/'); ?>/assets/css/plugins/chartist/chartist.min.css" rel="stylesheet">

    <link href="<?php echo url('/'); ?>/assets/css/animate.css" rel="stylesheet">
    <link href="<?php echo url('/'); ?>/assets/css/style.css" rel="stylesheet">

    <link href="<?php echo url('/'); ?>/assets/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="<?php echo url('/'); ?>/assets/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">

    <!-- choose css -->
    <link href="<?php echo url('/'); ?>/assets/css/plugins/chosen/bootstrap-chosen.css" rel="stylesheet">

    <!-- month picker -->
    <link href="<?php echo url('/'); ?>/assets/css/plugins/datapicker/datepicker3.css" rel="stylesheet">

    <!-- Sweet Alert -->
    <link href="<?php echo url('/'); ?>/assets/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

    <!-- Morris -->
    <link href="<?php echo url('/'); ?>/assets/css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">

    <!-- persianDatepicker -->
    <link rel="stylesheet" href="<?php echo url('/'); ?>/assets/persianDatepicker-master/css/persianDatepicker-default.css">

    <!-- blueimp-gallery -->
    <link href="<?php echo url('/'); ?>/assets/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">

    <!-- SUMMERNOTE -->
    <link href="<?php echo url('/'); ?>/assets/css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="<?php echo url('/'); ?>/assets/css/plugins/summernote/summernote-bs3.css" rel="stylesheet">

    <!-- rtl stylings -->
    <?php if($app_direction == 'rtl'){ ?>
        <link href="<?php echo url('/'); ?>/assets/css/plugins/bootstrap-rtl/bootstrap-rtl.min.css" rel="stylesheet">
    <?php } ?>

    <link href="<?php echo url('/'); ?>/assets/css/custom.css" rel="stylesheet">

    <?php if($app_direction == 'rtl'){ ?>
        <link href="<?php echo url('/'); ?>/assets/css/sidebar-custom-rtl.css" rel="stylesheet">
    <?php }else{ ?>
        <link href="<?php echo url('/'); ?>/assets/css/sidebar-custom.css" rel="stylesheet">
    <?php } ?>

    <script src="<?php echo url('/'); ?>/assets/js/jquery-3.1.1.min.js"></script>

    <?php if($app_direction == 'rtl'){ ?>
        <!-- if not work than try to add (chosen-rtl) along with chosen-select class with chosen selects -->
    <style type="text/css" media="screen">
    
        .chosen-container .chosen-drop {
            position: absolute;
            top: 100%;
            left: 9999px;
            z-index: 1010;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            border-top: 0;
            /*background: #d1d0d0;*/
        }
        .nav > li.active{border-left: none !important; border-right: 4px solid #2B9C1B !important;}
        .items-calculations-wrapper > .items-calculations-row strong{margin-right: 29px !important;}
        .items-calculations-wrapper > .items-calculations-row span{float: left !important;}
        .sales_trans_exp_input{padding-right: 14px !important; padding-left: 0 !important;}
        .sales_trans_exp_account{padding-right: 0 !important; padding-left: 14px !important;}
        .custom-font-btn{font-size: 20px !important;}
        body{font-size: 15px !important;}
        .nav > li > a{font-size: 18px !important; font-weight: 900 !important;}
        .table > thead > tr > th, .table > tbody > tr > th{font-size: 17px !important; font-weight: 900 !important;}
        .custom-font-btn-search{ font-size: 17px !important; font-weight: bold !important; }
        .title-action{ text-align: left !important;  }
        .checkbox label::before{margin-left: 0px !important;}

    </style>
    <?php } ?>

</head>
<?php if(isset($page)){$page = $page;}else{$page='';}?>
<body class=" fixed-sidebar <?php if($app_direction == 'rtl'){ echo 'rtls'; }?>">
    <input type="hidden" name="page_in_action" id="page_in_action" value="<?= $page; ?>">
    <div id="wrapper">