@extends('layouts.admin_layout')

@section('content')



<main class="h-full pb-16 overflow-y-auto">
          <div class="container px-6 mx-auto grid">
            <br><br>
            <h2
              class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"
            >
            <span class="text-blue-500">Ban</span> User
            </h2>
            

            <!-- General elements -->
            <h4
              class="mb-4 flex text-lg font-semibold text-gray-600 dark:text-gray-300"
            >
              Add Ban Reason <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" />
            </svg>
            </h4>
            <div
              class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"
            >
            <x-alert/>
            <form method="post" action="{{ route('admin.ban', $user->id) }}" class="mt-4" enctype="multipart/form-data">
            @csrf

            <div class="md:flex items-center mb-4">
            <label class="block w-full mt-4 text-sm">
                <span class="text-gray-700 dark:text-gray-400 font-semibold">Enter Reason</span>
                <textarea
                  class=" 
                  block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea 
                  focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                  rows="4" name="reason"
                ></textarea>
              </label>
            </div>



              <div class="mx-auto">
              <button
                  class="flex px-5 py-3 font-medium bg-blue-600 leading-5 text-white transition-colors duration-150 border border-transparent active:bg-green-500 hover:bg-green-700 focus:outline-none focus:shadow-outline-green"
                  type="submit" name="yes_reason" style="color: #fff;"
                >
                  Ban <svg xmlns="http://www.w3.org/2000/svg" class="ml-2 h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" />
            </svg>
                </button>
                
              </div>
            </form>

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



@endsection