@extends('layout.index')
@section('title', 'User Create')
<!-- Dashboard Ecommerce start -->
<style>
    * {
        font-size: 15px;
    }
    .astrik_css{
        display: flex;
        gap: 3px;
    }
</style>
@section('content')
    <section>

        <div class="content-body">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12 d-flex">
                            <h2 class="content-header-title float-start mb-0">
                                @if (isset($id))
                                    Edit User
                                @else
                                    Add User
                                @endif
                            </h2>
                        </div>
                    </div>
                </div>
              
            </div>
        </div>

        @if ($message = Session::get('error'))
            <div class="demo-spacing-0 mb-1">
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <div class="alert-body">
                        {{-- <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> --}}
                        {{ $message }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                    </div>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        @endif

        <div class="content-body">
            <section id="multiple-column-form">
                <div class="row justify-content-center">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body">
                                <form class="form" action="" method="post">
                                    <input type="hidden" name="form_type" value="add_country_details">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="user_id" id="user_id" value="{{ $id }}">

                                    <div class="row">

                                        <div class="col-sm-12">
                                            <div class="row m-1">

                                                <div class="col-sm-2 col-12">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <label class="float-left astrik_css" for="country "
                                                                    style="margin-top:5px" >Country <span
                                                                        style="color:red;">*</span></label>
                                                            </div>
                                                            <div class="col-sm-8">
                                                                <select name="country" id="country_dropdown"
                                                                    class="form-control form-select "
                                                                    onchange=" get_state();">
                                                                    <option value="">-Select Country-</option>
                                                                    

                                                                </select>
                                                                @error('country')
                                                                    <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                                <small class="text-danger" id="country_ids_err"></small>

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

                                                <div class="col-sm-2 col-12">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <label class="float-left" for="role "
                                                                    style="margin-top:5px"> State <span
                                                                        style="color:red;">*</span></label>
                                                            </div>
                                                            <div class="col-sm-8">
                                                                <select name="state" id="state_dropdown"
                                                                    class="form-control form-select "
                                                                    onchange="get_district()" >
                                                                    <option value="0">All state</option>



                                                                </select>
                                                                @error('state')
                                                                    <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                                <small class="text-danger" id="state_ids_err"></small>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-sm-2 col-12">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <label class="float-left" for="district "
                                                                    style="margin-top:5px"> District <span
                                                                        style="color:red;">*</span></label>
                                                            </div>
                                                            <div class="col-sm-8">
                                                                <select name="district" id="district_dropdown"
                                                                    class="form-control form-select " >
                                                                    <option value="0">All District</option>



                                                                </select>
                                                                @error('district')
                                                                    <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                                <small class="text-danger" id="district_ids_err"></small>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-sm-2 col-12 ">
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <label class="form-label text-primary"
                                                                    for="validationTooltip01">Brands <span
                                                                    style="color:red;">*</span></label>
                                                            </div>
                                                            <div class="col-sm-8">
                                                                <select class=" form-control form-select text-primary "
                                                            id="brand_id" name='brand' >
                                                            <option value='0'>All Brands</option>
                                                            
                                                        </select>
                                                          
                                                        <h5><small class="text-danger" id="brand_err"></small></h5>
                                                            </div>
                                                        </div>

                                                      
                                                    </div>
                                                </div>

                                                <div class="col-sm-2 col-2 ">
                                                    <div class="form-group">
                                                        <div class="row">
                                                           
                                                            <div class="col-sm-4">
                                                                <label class="form-label text-primary astrik_css"
                                                                    for="validationTooltip01">Program <span
                                                                    style="color:red;">*</span> </label>
                                                            </div>
                                                            <div class="col-sm-8">
                                                                <select class=" form-control form-select text-primary " id="program_id" name='program' >
                                                                    <option value='0'>All Program</option>
                                                                            
                                                                </select>
                                                                <h5><small class="text-danger" id="program_err"></small></h5>
                                                            </div>
                                                        
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-sm-2 col-12 ">
                                                    <button type="submit" class="btn btn-primary mr-1"
                                                        onClick="return validation_dropdown()">Submit</button>
                                                    
                                                </div>

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

                                </form>

                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th class="text-center">Sr. No</th>
                                                <th class="text-left">Country</th>
                                                <th class="text-left">State</th>
                                                <th class="text-left">District</th>
                                                <th class="text-left">Brand</th>
                                                <th class="text-center">Program</th>
                                                <th class="text-center">Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody class="text-center">
                                        
                                                                                            <tr>
                                                    <td colspan="8" style="text-align:center; color:red;">No Record Found</td>
                                                </tr>
                                                                                  </tbody>
                                    </table>
                                    {{-- <div class="card-body">
                                        <div class="d-flex justify-content-end">
                                            {{ $Paginator }}
                                        </div>
                                    </div> --}}
                                </div>
                                <div class="text-center mt-1">
                                    <a href="{{ url('/user') }}" type="reset"
                                                class="btn btn-outline-secondary">Cancel</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </section>

@endsection


<script type="text/javascript">

    function delUser_details(id,user_id) {
  
        var url = '