<?php
$PageSize = 10;
$PageNumber = 1;
if(isset($_GET['PageNumber'])){$PageNumber = $_GET['PageNumber'];}
 ?>
<input type="hidden" id="page-menu-id" name="" value="#menu_case" />
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Case > Case List</h1>
</div>


<?php if(@$_SESSION['Error']!=''){ /*  @if (!Html.ViewData.ModelState.IsValid)*/ ?>
  <div class="alert alert-danger">
      Error ! ไม่สามารถทำการบันทึกข้อมูลได้
  </div>
<?php } ?>

<?php if(@$_SESSION['Success']!=''){ ?>
  <div class="alert alert-success">
      <?php echo @$_SESSION['Success']; ?>
  </div>
<?php } ?>
<?php if(@$_SESSION['Error']!=''){ ?>
  <div class="alert alert-danger">
      <?php echo @$_SESSION['Error']; ?>
  </div>
<?php } ?>

<?php
$arrayName = array(  'LoadCountry' => '');
$data_Country = $quotation_db->LoadCountry($arrayName);
 ?>
<form action="index.php" method="get" onsubmit="loadCaseList()">
    <div class="row">
        <div class="col-md-1">
            Country:
        </div>
        <div class="col-md-3">
            <select class="form-control" name="CountryId" onchange="loadCaseType(this.value)">
                <option value="">All Country</option>
                <?php foreach ($data_Country as $key => $value) { ?>
                  <option value="<?php echo $value['CountryId']; ?>" <?php echo ($value['CountryId']==$data_iTem[0]['CountryId'])? "selected" : ""; ?>><?php echo $value['CountryCode']; ?></option>
                <?php }  ?>
            </select>
        </div>
        <div class="col-md-1">
            Case Type:
        </div>
        <div class="col-md-3">
            <select class="form-control" name="CaseTypeId" id="ddl_case_type">
                <option value="">All Case Type</option>
            </select>
        </div>
        <div class="col-md-1">
            Case Number:
        </div>
        <div class="col-md-3">
            <input class="form-control" name="CaseNumber" value="<?php echo @$_GET['CaseNumber']; ?>" />
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-md-1">
            Customer:
        </div>
        <div class="col-md-3">
            <input type="text" class="form-control" id="customer-filter" name="CustomerName" value="<?php echo @$_GET['CustomerName']; ?>" autocomplete="off" />
            <input type="hidden" value="<?php  echo (@$_GET['CustomerId'] > 0)?@$_GET['CustomerId']:""; ?>" name="CustomerId" id="hd-customer-id" />
        </div>
        <div class="col-md-1">
            Status:
        </div>
        <div class="col-md-3">
            <select class="form-control" name="Status">
                <option value="0">All Status</option>
                <option value="1" <?php echo (@$_GET['Status']==1)? "selected" : ""; ?>>Opening</option>
                <option value="2" <?php echo (@$_GET['Status']==2)? "selected" : ""; ?>>Completed</option>
            </select>
        </div>
        <div class="col-md-1">
            Person Name:
        </div>
        <div class="col-md-3">
            <input class="form-control" name="PersonName" value="<?php echo @$_GET['PersonName']; ?>" />
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-md-1">
            Due Date
        </div>
        <div class="col-md-4">
            <div class="input-group input-daterange">
                <input type="text" id="due-start-date" class="form-control" name="DueDateStart" value="<?php echo @$_GET['DueDateStart']; ?>" autocomplete="off">
                <div class="input-group-text" style="border-radius:0px">to</div>
                <input type="text" id="due-end-date" class="form-control" name="DueDateEnd" value="<?php echo @$_GET['DueDateEnd']; ?>" autocomplete="off">
            </div>
        </div>
        <div class="col-md-1">
            Event Date
        </div>
        <div class="col-md-4">
            <div class="input-group input-daterange">
                <input type="text" id="event-start-date" class="form-control" name="EventDateStart" value="<?php echo @$_GET['EventDateStart']; ?>" autocomplete="off">
                <div class="input-group-text" style="border-radius:0px">to</div>
                <input type="text" id="event-end-date" class="form-control" name="EventDateEnd" value="<?php echo @$_GET['EventDateEnd']; ?>" autocomplete="off">
            </div>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-md-2">Responsibility</div>
        <div class="col-md-4">
            <input type="text" value="<?php echo @$_GET['Responsibility']; ?>" name="Responsibility" class="form-control" />
        </div>
    </div>
    <div class="row col-md-12">&nbsp;</div>
    <div class="row">
        <div class="col-md-12 text-right">
            <button class="btn btn-success" type="submit"><i class="fa fa-search"></i> Search</button>
        </div>
    </div>
</form>

<div class="row col-md-12">&nbsp;</div>
<p>
    <a class="btn btn-danger" href="add.php"><i class="fas fa-plus-square"></i> Add Case</a>
</p>
<div id="case_pagination" style="position:relative;">
    <div class="table-loader text-center" style="display:none;">
        <div class="overlay">
            <i class="fas fa-3x fa-spinner fa-pulse"></i>
        </div>
    </div>
    <table class="table table-hover table-bordered ">
        <thead>
            <tr>
                <th><a href="javascript:;" onclick="sortTable('#case_pagination',this,'loadCaseList')" data-by="CaseId" data-direction="" class="order sorting">No.</a></th>
                <th><a href="javascript:;" onclick="sortTable('#case_pagination',this,'loadCaseList')" data-by="CaseNumber" data-direction="" class="order sorting">Case Number</a></th>
                <th>Due Date</th>
                <th>Case Type</th>
                <th>Customer Name</th>
                <th>Responsibility</th>
                <th>Last Event</th>
                <th style="width:100px;">-</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

    <br /><br />
    <div class="supplierPager">
        <div class="row">
            <div class="col-md-6">
                <input type="hidden" class="page" value="<?php echo @$PageNumber; ?>" />
                <input type="hidden" class="page-size" value="<?php echo @$PageSize; ?>" />
                <input type="hidden" class="numrows" value="0" />
                <input type="hidden" class="orderBy" value="CaseId" />
                <input type="hidden" class="orderDirection" value="Desc" />
                <input type="hidden" class="params2" value="CaseNumber=&CustomerName=&Status=0&DueDateStart=&DueDateEnd=&EventDateStart=&EventDateEnd=&PersonName=&CustomerId=0&CaseId=0&IsRetainer=0" />
                <input type="hidden" class="params" value="CaseNumber=<?php echo @$_GET['CaseNumber'];?>&CaseTypeId=<?php echo @$_GET['CaseTypeId'];?>&CustomerName=<?php echo @$_GET['CustomerName'];?>&Status=<?php echo @$_GET['Status'];?>&DueDateStart=<?php echo @$_GET['DueDateStart'];?>&DueDateEnd=<?php echo @$_GET['DueDateEnd'];?>&EventDateStart=<?php echo @$_GET['EventDateStart'];?>&EventDateEnd=<?php echo @$_GET['EventDateEnd'];?>&PersonName=<?php echo @$_GET['PersonName'];?>&CustomerId=<?php echo @$_GET['CustomerId'];?>&CaseId=<?php echo @$_GET['CaseId'];?>&IsRetainer=<?php echo @$_GET['IsRetainer'];?>" />
                แสดงรายการ <span class="start-record"></span> ถึง <span class="end-record"></span> จากทั้งหมด <span class="total-record"></span> รายการ
            </div>
            <div class="col-md-6 text-right pagination-zone">

            </div>
        </div>
    </div>
</div>

    <link href="<?php echo $path; ?>Assets/Backend/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" />
    <script src="<?php echo $path; ?>Assets/Backend/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
    <script>

    </script>
    <script>
        var urlLoadCaseType = "LoadCaseTypeByCountry.php";//"@Url.Action("LoadCaseTypeByCountry")";
        var urlLoadCaseList = "LoadCaseList.php";//"@Url.Action("LoadCaseList")";

        var urlEdit = "edit.php";//"@Url.Action("Edit")";
        var caseId = "";//"@Url.Action("Edit")";
        var urlLoadCustomerAuto = "LoadCustomerAutoComplete.php";//"@Url.Action("LoadCustomerAutoComplete","Customer")";
        var urlLoadCaseExpense = "";//"@Url.Action("LoadCustomerAutoComplete","Customer")";
    </script>
    <link href="<?php echo $path; ?>Assets/Backend/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" />
    <script src="<?php echo $path; ?>Assets/Backend/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
    <link href="<?php echo $path; ?>Assets/Backend/vendor/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
    <script src="<?php echo $path; ?>Assets/Backend/vendor/jquery-ui/jquery-ui.min.js"></script>
    <script src="<?php echo $path; ?>Assets/Backend/vendor/moment.js"></script>
    <script src="<?php echo $path; ?>Scripts/jquery.validate.min.js"></script>
    <script src="<?php echo $path; ?>Scripts/pages_v1/caseListForm.js?t=<?php echo $date_ticks; ?>"></script>