@extends('layouts.backend')

@section('extraCss') 

<link href="{{ asset(BACKEND_THEME_CSS_PATH . 'crm.css') }}" rel="stylesheet">

 
<style>
.custom-select, .dropdown-item {
    width: 260px!important;
    overflow: hidden;
}
.btn2{
    background: green!important;
    color: white!important;
    margin-top: 34px;
    font-size: 20px;
    text-shadow: 0px 0px 0px white!important;
}
label{
    font-size: 18px;
}

</style>

@endsection

@section('mainContentArea')
<div class="card card-default">
        <div class="card-header">
            <h4>CRM (Customer Buying Nature)</h4>
        </div>       
         
        <div class="alert alert-default">
            <form action="{{ route('crmdetail') }}" id="crm"> 
             <br><br>            
                <div class="row"> 

                    <div class="col-md-12 mt-2 mb-2 form-group">                       
                        <table class="table table-striped">
                            <tr>
                                <th>Product Mrp Range</th>
                                <td><input class="form-control" type="number" name="productmin" value="" placeholder="Min"></td>
                                <td><input class="form-control" type="number" name="productmax" value="" placeholder="Max"></td>
                            </tr>
                            <tr>
                                <th>Articles</th>
                                <td colspan="2">
                                    <select name="article[]" id="article" class="form-control select2" multiple data-placeholder="article">
                                        <option value=""></option>
                                        @foreach($articles as $article)                                        
                                        <option value="{{ $article->code }}" >{{ $article->code }}</option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th>Category</th>
                                <td colspan="2">
                                    <select name="subsection[]" id="subsection" class="form-control select2" multiple data-placeholder="Category">
                                        <option value="">--Select Category --</option>
                                @foreach($sections as $Subcsetion) 
                                 @if(!empty($Subcsetion->category->name ))<option value="{{ $Subcsetion->category->name }}" >{{ $Subcsetion->category->name  }}</option>
                                 @endif
                                 @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th>Bill Amount</th>
                                <td><input class="form-control" type="number" name="billamountmin" value="" placeholder="Min"></td>
                                <td><input class="form-control" type="number" name="billamountmax" value="" placeholder="Max"></td>
                            </tr>
                            <tr>
                                <th>Bill Value</th>
                                <td><input class="form-control" type="number" name="billvaluemin" value="" placeholder="Min"></td>
                                <td><input class="form-control" type="number" name="billvaluemax" value="" placeholder="Max"></td>
                            </tr>
                            <tr>
                                <th>Buying Frequency (per month)</th>
                                <td><input class="form-control" type="number" name="frequencymin" value="" placeholder="Min"></td>
                                <td><input class="form-control" type="number" name="frequencymax" value="" placeholder="Max"></td>
                            </tr>
                            <tr>
                                <th>Date Range</th>
                                <td><input class="form-control datepicker"  name="startdate" value="" placeholder="Min"></td>
                                <td><input class="form-control datepicker"  name="enddate" value="" placeholder="Max"></td>
                            </tr>
                            <tr>
                                <th>Discounts Availed</th>
                                <td colspan="2">
                                    <select name="discount" id="discount" class="form-control">
                                        <option value="">None</option>
                                        <option value="yes" >Yes</option>
                                        <option value="no" >No</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th>Discount Amount Range</th>
                                <td><input class="form-control" type="number" name="disamountmin" value="" placeholder="Min"></td>
                                <td><input class="form-control" type="number" name="disamountmax" value="" placeholder="Max"></td>
                            </tr>
                            <tr>
                                <th>Happy Hours Availed</th>
                                <td colspan="2">
                                    <select name="happyhour" id="happyhour" class="form-control">
                                        <option value="">--Select Happy Hours Availed--</option>
                                        <option value="yes" >Yes</option>
                                        <option value="no" >No</option>
                                    </select>
                                </td>
                            </tr>

                            <tr>
                                <th>Shopping on Campaign</th>
                                <td colspan="2">
                                    <select name="shopping" id="shopping" class="form-control">
                                        <option value="">--Select Shopping on Campaign --</option>
                                        <option value="yes" >Yes</option>
                                        <option value="No" >No</option>
                                    </select>
                                </td>
                            </tr>

                            <tr>
                                <th>Reference Shopping</th>
                                <td colspan="2">
                                    <select name="reference" id="reference" class="form-control">
                                        <option value="">--Select Reference Shopping--</option>
                                        <option value="yes" >Yes</option>
                                        <option value="No" >No</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </div>                                                       
                       <div class="col-sm-3">
                       <button type="submit" class=" btn2">Search </button>
                       </div>
                 </div> 
            </form>
        </div>

        
</div>
@endsection

@section('extraJs')

<script type="text/javascript">     

</script>


@endsection