@extends('user.layout.master')
@section('body')


<div class=" p-6 bg-gray-100 flex ">
  <div class="container max-w-screen-lg mx-auto">
    <div>

      <div class="bg-white rounded shadow-lg p-4 px-4 md:p-8 mb-6">
        <div class="grid gap-4 gap-y-2 text-sm grid-cols-1 lg:grid-cols-3">
          <div class="text-gray-600 mb-2 text-center">
            <p class="font-medium text-lg">ইনভোয়েস সার্চ</p>
          </div>
          
          <div class="lg:col-span-2">
            <div class="grid gap-4 gap-y-2 text-sm grid-cols-1 md:grid-cols-6 ">

              <div class="md:col-span-6 mx-auto">

              <div class="md:col-span-1 my-2">
                <label for="type">ধরন :</label>
                <select name="type" id="type" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" required>
                    <option value="purchase" selected>মহাজনের ইনভোয়েস</option>
                    <option value="sales" >ক্রেতার ইনভোয়েস</option>
                </select>
              </div>

                <div class="md:col-span-2 ">
                <label for="id">ইনভোয়েস :</label>
                  <input type="number" step="any" name="id" id="id" class="h-10 border mt-1 rounded px-4 w-full bg-gray-50" value="" required/>
                  @if($errors->has('id'))
                  <span class="text-sm text-red-600">{{ $errors->first('id') }} </span>
                  @endif
                </div>
              </div>
      
              <div class="md:col-span-6 text-center mt-2">
                <div class="inline-flex items-end">
                  <button type="button" onclick="search()"  class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">সার্চ</a>
                </div>
              </div>

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




<div class="mb-4">
.
</div>

<script>


function search() {
    var type = $('#type').val();
    var id = $('#id').val();

    if (type !== "" && id !== "") {
        var url;
        if (type === 'purchase') {
            url = "{{url('purchase_memo')}}" + "/" + id;
        } else if (type === 'sales') {
            url = "{{url('sales_memo')}}" + "/" + id;
        } else {
            swal("দয়া করে ধরন সিলেক্ট করুন");
            return;
        }

        $.ajax({
            url: url,
            method: 'GET',
            success: function (response) {
                var left, top, width, height;
                if (type === 'purchase') {
                    width = 1000;
                    height = 800;
                    left = (screen.width - width) / 2;
                    top = (screen.height - height) / 4;
                } else if (type === 'sales') {
                    width = 600;
                    height = 800;
                    left = (screen.width - width) / 2;
                    top = (screen.height - height) / 4;
                }

                window.open(
                    url,
                    '_blank', // Window name
                    'resizable=yes, width=' + width +
                    ', height=' + height + ', top=' +
                    top + ', left=' + left
                );
            },
            error: function (xhr) {
                if (xhr.status === 404) {
                    toastr.error("ইনভোয়েস পাওয়া যায়নি");
                } else {
                    toastr.error("পাওয়া যায়নি.");
                }
            }
        });
    } else {
        swal("দয়া করে ইনভয়েস ইনপুট করুন");
    }
}
 
</script>
  @endsection