@extends('admin.layout.master')
@section('title','SR MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }

    

    /* @media screen and (max-width: 620px){ */
        .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
        .table th {
           background: #ab3535;
           padding: 5px !important;
           color: white !important;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }
        .special-cell{
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }
        .btn-sina-submit {
            position: fixed;
            bottom:50%;
            right:2px;
        }
        @media only screen and (max-width: 620px) {
            .btn-sina-submit {
                position: fixed;
                min-width: 100%;
                bottom:0;
                right:0;
            }
        }
    /* } */

</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="col-6 pl-0">{{request()->group?getAccountsGroup()->where('id',request()->group)->first()->name:''}} {{$route_group_name[$type]}} CREATE</h4>
        <div  class="col-6 d-flex justify-content-end">
            {{-- <a href="{{route('sr.'.$route_group_name[$type].'_create')}}" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                <div class="col pl-0 pr-2">
                    <i class="fas fa-plus-circle"></i>
                </div>
            </a> --}}
        </div>
    </div> 
   
    <div class="card-body">
         
        <form id="form" method="post" action="{{ route($route_group_name[$type].'.store') }}" name="form" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="type" id="" value="{{$type}}">
            <input type="hidden" name="group" id="" value="{{request()->group??0}}">
               
                <div class="table-responsive">
                    <div class="tab-content pt-0 row">
                    <div id="new_sr" class="container tab-pane active col-12">
                        <div class="row justify-content-end">
                            @if($type!=2)
                                <div class="col-2">
                                        <label for="month_range">Date Range</label>
                                        <input style="height:28px !important" type="text" required class="date_range form-control" id="month_range" data-start="{{date('01-m-Y')}}" data-end="{{date('t-m-Y')}}" name="month_range">
                                </div>
                            @endif
                                <div class="col-2">
                                    <label for="group_id">GROUP</label><br>
                                    <select id="group_id" name="group_id" class="form-control select_2" required style="min-width:100%" @if($type==0) onchange="setParty()" @else onchange="setSr(2)" @endif>
                                        <option value="0">Select Group</option>
                                        @forelse ($groups as $group)
                                            <option @if(Request()->sr_edit_id && $sr->group_id==$group->id) selected @endif value="{{$group->id}}">{{$group->name_eng}}</option>
                                        @empty
                                            
                                        @endforelse
                                    </select>
                                </div>
                                @if($type==0)
                                <div class="col-3">
                                    <label for="party_id">Dealer</label><br>
                                    <select name="party_id" id="party_id" class="form-control select_2" required style="min-width:100%" onchange="setSr()">
                                        <option value="0">Not Found</option>
                                        @if(Request()->sr_edit_id && $sr->party_id)
                                            <option selected value="{{$sr->party_id}}">{{$sr->party?$sr->party->name_eng:''}}</option>
                                        @endif
                                        {{-- @forelse ($parties as $party)
                                            <option value="{{$party->id}}">{{$party->name_eng}}</option>
                                        @empty
                                            
                                        @endforelse --}}
                                    </select>
                                </div>
                                @endif
                                <div class="col-3">
                                    <label for="sr_id">SR</label><br>
                                    <select name="sr_id" id="sr_id" class="form-control select_2" required style="min-width:100%" onchange="showHideInsertForm()">
                                        <option value="0">{{'SET NEW'}}</option>
                                        @if(Request()->sr_edit_id && $sr)
                                            <option selected value="{{$sr->id}}">{{$sr->name_eng}}</option>
                                        @endif
                                        {{-- @forelse ($srs as $sr)
                                            <option value="{{$sr->id}}">{{$sr->name_eng}}</option>
                                        @empty
                                            
                                        @endforelse --}}
                                    </select>
                                </div>
                                @if($type==0)
                                <div class="col-2">
                                    <br>
                                    <div class="d-flex">
                                        <input type="checkbox" value="{{$sr?$sr->id:0}}" id="edit_sr" name="edit_sr" style=" width: 25px; /*Desired width*/
                                        height: 25px; /*Desired height*/
                                        cursor: pointer;" onclick="setEditData(this)">
                                        <label for="edit_sr" style="font-size:25px"> Edit</label>
                                    </div>
                                </div>
                                @endif
                        </div>
                        @if($type==0)
                        <div class="row justify-content-end" id="new_target_form">
                                <div class="col-3">
                                    <label for="name_eng">Name </label>
                                    <input type="text" id="name_eng" name="name_eng" value="{{$sr?$sr->name_eng:''}}" class="form-control">
                                </div> 
                                <div class="col-3">
                                    <label for="wallet">Wallet </label>
                                    <input type="text" id="wallet" name="wallet" value="{{$sr?$sr->wallet:''}}" class="form-control">
                                </div> 
                                <div class="col-3">
                                    <label for="mobile">Mobile </label>
                                    <input type="text" id="mobile" name="mobile" value="{{$sr?$sr->mobile:''}}" class="form-control">
                                </div> 
                                <div class="col-3">
                                    <label for="salary">Salary </label>
                                    <input type="text" id="salary" name="salary" value="{{$sr?$sr->salary:''}}" class="form-control">
                                </div> 
                                <div class="col-3">
                                    <label for="other">Others </label>
                                    <input type="text" id="other" name="other" class="form-control" value="{{$sr?$sr->other:''}}">
                                </div> 
                                <div class="col-3">
                                    <label for="join_date">JoinDates </label>
                                    <input type="date" id="join_date" name="join_date" class="form-control" value="{{$sr?date('Y-m-d',strtotime($sr->join_date)):''}}">
                                </div> 
                                <div class="col-3">
                                    <label for="nid">NID </label>
                                    <input type="text" id="nid" name="nid" class="form-control" value="{{$sr?$sr->nid:''}}">
                                </div> 
                                <div class="col-3">
                                    <label for="image">Image </label>
                                    <input type="file" id="image" name="image" class="form-control">
                                </div> 
                                <div class="col-3">
                                    <label for="group_line">Line </label>
                                    <input type="text" id="group_line" name="group_line" class="form-control" placeholder="Ex: a,b,c" value="{{$sr?$sr->group_line:''}}">
                                </div> 
                        </div>
                        @endif
                    </div>
                    <div id="set_target" class="container tab-pane active col-12">
                            <table class="table table-bordered table-hover" id="datatable_apply">
                                <thead>
                                    <tr>
                                        <th width="10%">#</th>
                                        <th>Product Name Eng</th>
                                        <th width="60%">PRODUCT</th>
                                        <th width="30%" class="text-center">{{$type==1?'QTY':'AMOUNT'}}</th>
                                    </tr>
                                </thead>
                                <tbody id="tbl_body">
                                    
                                            @php
                                                $k=1;
                                            @endphp
                                    @forelse ($finishedProducts as $cat)
                                        <tr>
                                            <td>{{ $k++ }}</td>
                                            <td class="text-{{$type==1?'center':'left'}} special-cell" style="display:none; dashed green 2px;">{{$cat->name_eng}}</td>
                                            <td class="text-{{$type==1?'center':'left'}} special-cell" style="border: dashed green 2px;">{{$cat->name_local}}</td>
                                            <td>
                                                @if($type!=1)
                                                    <input type="number" min="0"  name="quantity[{{$cat->id}}]" id="quantity{{ $cat->id }}" class="form-control" step=".01">
                                                @endif
                                            </td>
                                        </tr>
                                        @if($type==1)
                                            @forelse ($cat->product->sortBy('serial') as $item)
                                                <tr>
                                                    <td>{{ $k++ }}</td>
                                                    <td class="text-wrap"> {{ $item->name_eng }} </td>
                                                    <td class="text-wrap"> {{ $item->name_local }} </td>
                                                    <td>
                                                        <input type="hidden" min="0"  name="rate[{{$item->id}}]" id="rate{{ $item->id }}" step=".01" value="{{ $item->sell_price }}">
                                                        <input type="number" min="0"  name="quantity[{{$item->id}}]" id="quantity{{ $item->id }}" class="form-control" step=".01">
                                                    </td>
                                                </tr>
                                            @empty
                                            @endforelse
                                        @endif                                                     
                                    @empty
                                        
                                    @endforelse

                                </tbody>
                            </table>
                        </div>
                            
                    </div>

                </div>
            
                <hr>
            
                <div class="row pb-0  modal-footer">
                    <button class="btn-sina-submit" type="submit"><i class="fa fa-save"></i> Save </button>
                </div>
        </form>
    </div>
</div>

@endsection
@section('script')
<script>
     $(document).ready(function() {
        $('#datatable_apply').dataTable({
            "paging": false,
            "ordering": false,
            "columnDefs": [ 
            //     {
            //     "orderable": false,
            //     // "visible": false, 
            //     // 'targets': [0,1,2,3],
            // },
            {
                "targets": [ 1 ],
                "visible": false
            }
             ]
        });
        $('.select_2').select2();
    });
    const showHideInsertForm=()=>{
        let sr_id=$('#sr_id').val();
        if(sr_id!=0){
            $('#new_target_form').hide();
            $('#edit_sr').val(1);
            $('#edit_sr').attr('disabled',false);
        }else{
            $('#new_target_form').show();
            $('#name_eng').val('');
                    $('#wallet').val('');
                    $('#mobile').val('');
                    $('#salary').val('');
                    $('#other').val('');
                    $('#group_line').val('');
                    $('#join_date').val('');
                    $('#nid').val('');
            $('#edit_sr').val(0);
            $('#edit_sr').attr('disabled',true);
        }
    }
    const setParty=()=>{
        let group_id=$('#group_id').val();
        let dataStr='<option value="0">Not Found</option>';
        if(group_id!=0){
            let link= "{{route('customer.filter')}}";
            let data_param={
                group_id:group_id,
                status:1,
                mkt:1,
            }
            const setDealerData = data => { 
                if(data.length){
                    dataStr='<option value="0">SELECT PARTY</option>';
                    for (let i = 0; i < data.length; i++) {
                        dataStr+='<option value="'+data[i].id+'">'+data[i].name_eng+'</option>';
                    }
                }
                $('#party_id').html(dataStr);
            }
            ajaxCall(link,'GET',data_param, setDealerData);
        }else{
            alert('Select Group First')
            $('#party_id').html(dataStr);
        }
    }
    const setSr=(type=1)=>{
        let party_id=type==1?$('#party_id').val():$('#group_id').val();
        let edit_sr_checked=type==1?$('#edit_sr').val():0;
        //console.log(edit_sr_checked);
        let dataStr=type==1?'<option value="0">SET NEW</option>':'';
        if(party_id!=0 && edit_sr_checked==0){
            let link= "{{route('marketing.sr_filter')}}";
            let data_param={
                party_id:party_id,
                status:type,
            }
            const setSrData = data => { 
                if(data.length){
                    // dataStr='';
                    for (let i = 0; i < data.length; i++) {
                        dataStr+='<option value="'+data[i].id+'">'+data[i].name_eng+'</option>';
                    }
                }
                $('#sr_id').html(dataStr);
            }
            ajaxCall(link,'GET',data_param, setSrData);
        }else{
            //$('#sr_id').html(dataStr);
        }
    }
    const setEditData=(editSr)=>{
        let sr_id=$('#sr_id').val();
        console.log(editSr);
        let dataStr='<option value="0">SET NEW</option>';
        if(sr_id!=0 && editSr.checked){
            $('#edit_sr').val(1);
            let link= "{{route('marketing.sr_filter')}}";
            let data_param={
                id:sr_id,
            }
            const setEditSrData = data => { 
                if(data){
                    $('#name_eng').val(data.name_eng);
                    $('#wallet').val(data.wallet);
                    $('#mobile').val(data.mobile);
                    $('#salary').val(data.salary);
                    $('#other').val(data.other);
                    $('#group_line').val(data.group_line);
                    $('#join_date').val(data.join_date.split(" ")[0]);
                    $('#nid').val(data.nid);
                    // dataStr='';
                    let order=data.target?data.target.details:[];
                    for (let i = 0; i < order.length; i++) {
                       $('#quantity'+order[i].product_id).val(order[i].order_qty)
                    }
                }
                $('#new_target_form').show();
            }
            ajaxCall(link,'GET',data_param, setEditSrData);
        }else{
            $('#edit_sr').val(0);
            $('#new_target_form').hide();
        }
    }
</script>
@stop