@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"
            >
             Approval Message
            </h2>
            

            <!-- General elements -->
            <h4
              class="mb-4 flex text-lg font-semibold text-gray-600 dark:text-gray-300"
            >
              Add Message <svg class="h-6 w-6"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round">  <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />  
                  <polyline points="22 4 12 14.01 9 11.01" /></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.request_approve') }}" class="mt-4" enctype="multipart/form-data">
            @csrf
    
             
            <input type="hidden" name="deposit_id" value="{{ $deposit->id }}">
            <input type="hidden" name="user_id" value="{{ $deposit->user->id }}">
            <input type="hidden" name="is_increase" value="{{ $deposit->is_increase }}">
            <input type="hidden" name="amount" value="{{ $deposit->amount }}">

            <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 Message</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="description"
                >{{ $approve->description }}</textarea>
              </label>
            </div>



              <div class="mx-auto">
              <button
                  class="flex bg-blue-600 px-5 py-3 font-medium 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;"
                >
                  Approve <svg class="h-6 w-6 ml-2"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round">  <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />  
                  <polyline points="22 4 12 14.01 9 11.01" /></svg>
            </svg>
                </button>
                
              </div>
            </form>

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



@endsection