@extends('layouts/layout')
@section('title', 'Sites')
@push('style')
@endpush

@section('content')
@if ($message = Session::get('success'))
@include('sweetalert::alert')
@endif
<!-- page content -->
<div class="" role="main">
    <div class="">
        <div class="row">
            <div class="col-md-12 col-sm-12 mt-2">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Sites</h2>

                        <div class="clearfix"></div>
                    </div>
                    <form action="{{ url('sites')}}" method="post">
                        @csrf
                        <div class="row">
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                               <div class="">
                                    <label for="" class="form-label">Unit Name</label>
                                    <input type="text" class="form-control" name="unitName" id="unitName" aria-describedby="" placeholder="Enter Unit Name">
                                    <span id="Unit_name_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="">
                                    <label for="" class="form-label">Contact Person Name</label>
                                    <input type="text" class="form-control" name="ContactPersonName" id="ContactPersonName" placeholder="Enter Contact Person Name" aria-describedby=""onkeyup="allowAlphabetsSpace(this)">
                                    <span id="contact_person_name_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="">
                                    <label for="" class="form-label">Email Id</label>
                                    <input type="email" class="form-control" name="email" id="email"  placeholder="Enter Email Id" aria-describedby="">
                                    <span id="email_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="">
                                    <label for="" class="form-label">Mobile No</label>
                                    <input type="text" id="mobileno" name="mobileno" placeholder="Enter Mobile No" class="form-control"     placeholder="Enter Mobile No" autocomplete="off" maxlength="10"  
                                    onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" >
                                    <span id="Mobile_error" class="text-danger d-inline-block"></span>  
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label for="" class="form-label">Pincode</label>
                                    <input type="text" id="pincode" name="pincode" class="form-control" placeholder="Enter Pincode" maxlength="6" minlength="6" autocomplete="off" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" 
                                    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" >
                                    <span id="pincode_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label for="" class="form-label">City</label>
                                    <input type="text" id="city" name="city" class="form-control" readonly>
                                    <span id="city_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label for="" class="form-label">State</label>
                                    <input type="text" id="state" name="state" class="form-control" readonly>
                                    <span id="state_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="">
                                    <label for="" class="form-label">Telephone</label>
                                    <input type="text" class="form-control" name="phone" id="phone" placeholder="Enter Telephone" aria-describedby="">
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="">
                                    <label for="" class="form-label">Company</label>
                                    <input type="text" class="form-control" name="company" id="company" placeholder="Enter Company" aria-describedby="">
                                    <span id="company_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="">
                                    <label for="" class="form-label">Customer Code</label>
                                    <input type="text" class="form-control" name="customerCode" id="customerCode" placeholder="Enter Customer Code" aria-describedby="">
                                    <span id="customer_code_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="">Status</label>
                                    <select class="select2 form-control" name="status" id="status" data-toggle="select2">
                                        <option value="" selected>Select Status</option>
                                        <option value="1">Active</option>
                                        <option value="0">Inactive</option>
                                    </select>
                                    <span id="status_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-8 col-md-8 col-lg-8 col-xl-8">
                                <div class="">
                                    <label for="" class="form-label">Address</label>
                                    <input type="text" class="form-control" name="address" id="address" placeholder="Enter Address" aria-describedby="">
                                    <span id="Address_error" class="text-danger d-inline-block"></span>
                                </div> 
                            </div>
                            <div class="col-md-6 col-sm-6 offset-md-5">
                                <div class="mb-3">
                                    <input type="submit" class="btn btn-success btn-round btn-primary submit_validation" name="create_unit" id="create_unit" value="Submit" />
                                    <!-- <button type="submit" class="btn btn-round btn-primary">Submit</button> -->
                                </div>
							</div>
                        </div>
                    </form>
                    <div class="x_content mt-0 p-0">
                        <div class="col-md-12 col-sm-12 ">
                            <div class="">
                                <div class="">
                                    <table id="datatable-fixed-header"
                                        class="table table-striped table-bordered text-center" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Id</th>
                                                <th>Customer Code</th>
                                                <th>Unit Name</th>
                                                <th>City</th>
                                                <th>Due Activity</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($units as $units)
                                            @php
                                            $i = "Active"
                                            @endphp
                                            @php
                                            $j = "Inactive"
                                            @endphp
                                            <tr>
                                                <td>{{$units->unit_id}}</td>
                                                <td>{{$units->customercode}}</td>
                                                <td>{{$units->unit_name}}</td>
                                                <td>{{$units->city}}</td>
                                                <td>