1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / alkaline / resources / views / admin /
Filename : categories.blade.php
back
@extends('layouts.admin.default')

@section('title',env('APP_NAME').' - Categories')

@section('main-content')

<div class="container-fluid">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb my-0 ms-2">
        <li class="breadcrumb-item">
          <span>Home</span>
        </li>
        <li class="breadcrumb-item active"><span>Categories</span></li>
      </ol>
    </nav>
  </div>
</header>

<div class="body flex-grow-1 px-3">
    <div class="container-lg">


        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (\Session::has('success'))
            <div class="alert alert-success">
                <ul>
                    <li>{!! \Session::get('success') !!}</li>
                </ul>
            </div>
        @endif


          <div style="float: right;margin-bottom:5px;">
                <button class="btn btn-primary addbtn">
                    <svg class="icon me-2">
                    <use xlink:href="{{ url('assets/admin/vendors/@coreui/icons/svg/free.svg#cil-plus') }}"></use>
                    </svg>
                    Add
                </button>
          </div>



        <table class="table">
            <thead class="table-dark">
              <tr>
                <th scope="col">#</th>
                <th scope="col" width="30%">Image</th>
                <th scope="col">Name</th>
                <th scope="col" width="30%">Action</th>
              </tr>
            </thead>
            <tbody>

            @php
            $i = 1
            @endphp

              @foreach ($categories as $category)

              <tr>
                <th scope="row">{{ $i++ }}</th>
                <td><img width="50%" src="{{ url('storage/categories/'.$category->image) }}"></td>
                <td>{{ $category->name }}</td>
                <td>
                    <a class="btn btn-primary editbutton" id="{{ $category->id }}" txt="{{ $category->name }}">
                        <svg class="icon me-2">
                        <use xlink:href="{{ url('assets/admin/vendors/@coreui/icons/svg/free.svg#cil-pencil') }}"></use>
                        </svg>
                        Edit
                    </a>
                    <a href="{{ url('admin/categories/delete/'.$category->id) }}" class="btn btn-primary deletebtn">
                        <svg class="icon me-2">
                        <use xlink:href="{{ url('assets/admin/vendors/@coreui/icons/svg/free.svg#cil-trash') }}"></use>
                        </svg>
                        Delete
                    </a>
                </td>
              </tr>

              @endforeach

            </tbody>
          </table>


    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-coreui-backdrop="static" data-coreui-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="staticBackdropLabel">Create Category</h5>
          <button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button>
        </div>

        <form method="POST" action="{{ url('admin/categories/save') }}" enctype="multipart/form-data">
        @csrf

        <input type="hidden" name="id" id="category_id">
        <div class="modal-body">
              <div class="mb-3">
                <label for="exampleFormControlInput1" class="form-label">Category Name</label>
                <input type="text" name="name" class="form-control" id="exampleFormControlInput1" placeholder="">
              </div>

              <div class="mb-3">
                <label for="exampleFormControlInput1" class="form-label">Category Image</label>
                <input type="file" name="image" class="form-control" id="exampleFormControlInput1" placeholder="">
              </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-coreui-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Submit</button>
        </div>
        </form>

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


<script>
$(document).ready(function(){



    $(document).on("click",".deletebtn",function(e){
        e.preventDefault();

        if(confirm("Do you want to delete?")){
            window.location.href = $(this).attr("href");
        }

    });

    $(document).on("click",".addbtn",function(){
        $("#staticBackdropLabel").text("Create Category");

        $("#category_id").val('');
        $("input[name=name]").val('');

        $("#staticBackdrop").modal("show");
    });


    $(document).on("click",".editbutton",function(){

        $("#staticBackdropLabel").text("Update Category");

        id = $(this).attr("id");
        txt = $(this).attr("txt");

        $("#category_id").val(id);
        $("input[name=name]").val(txt);

        $("#staticBackdrop").modal("show");
    });

});
</script>

@endsection