@extends('backend.layout.sidenav-layout')
@section('content')
<div class="container-fluid">
    @if ($errors->any())
        <div class="alert alert-danger">
          <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
        @endif
    <form action="{{ route('custom_url.save') }}" method="POST"  enctype="multipart/form-data">
        <div class="row">
            @csrf
            <div class="col-4 p-1">
                <label class="form-label" for="section">Section *</label>
                <select name="section" id="section" class="form-control">
                    <option value="">--select--</option>
                    <option value="customer">Customer</option>
                    <option value="page">Page</option>
                </select>
            </div>
            <div class="col-4 p-1">
                <label class="form-label" for="name">Name *</label>
                <input type="text" class="form-control" id="name" name="name" placeholder="Name">
            </div>
            <div class="col-4 p-1">
                <label class="form-label" for="name">Url *</label>
                <input type="text" class="form-control" id="url" name="url" placeholder="URL">
            </div>
            
            <br>
            <div class="text-center">
                <button type="submit" class="btn btn-sm  btn-success w-20 mt-2"  >Save</button>
            </div>
          
        </div>
    </form>
        <hr class="bg-secondary"/>
            <div class="table-responsive">
            <table class="table  table-flush" id="tableData">
                <thead>
                <tr class="bg-light">
                    <th>No</th>
                    <th>Section</th>
                    <th>Name</th>
                    <th>Url</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                    @forelse (get_setting_array('custom_url') as $key=>$item )
                        @php
                            $data = json_decode($item->value,true);
                            // print_r($data);
                        @endphp
                        <tr>
                            <td>{{ ++$key }}</td>
                            <td>{{ $data['section'] }}</td>
                            <td>{{ $data['name'] }}</td>
                            <td>{{ $data['url'] }}</td>
                            <td>
                                <a href="{{ route('custom_url.remove',$item->id) }}">
                                    <button  onclick="return confirm('Are you Sure?')" class="btn btn-sm btn-outline-danger">Delete</button>
                                </a>
                            </td>
                        </tr>
                    @empty
                        {{-- <tr>
                            <td colspan="5"><h1 class="text-danger">No Data Found</h1></td>
                        </tr> --}}
                    @endforelse

                </tbody>
            </table>
            </div>
</div>
@endsection
@section('script')
<script>
    function validateFileType(){
        var fileName = document.getElementById("image").value;
            var idxDot = fileName.lastIndexOf(".") + 1;
            var extFile = fileName.substr(idxDot, fileName.length).toLowerCase();
            var allowedExt = ['jpg','jpeg','png'];
            if (allowedExt.indexOf(extFile) != -1 ){
                //successToast('File attachment completed');
            }else{
                errorToast('Only JPG,JPEG,PNG files are allowed');
                document.getElementById("image").value='';
                return;
              }   
        }
     
    $(document).ready(function(){
        new DataTable('#tableData',{
            order:[[0,'desc']],
            lengthMenu:[5,10,15,20,30]
        });
    });
    
</script>
@endsection