@extends('admin.layouts.default')
@section('title', 'Order details')
@section('content')

<style>
.table-container {
    max-height: 190px; 
    overflow-y: auto;
}
    </style>
<div class="main-content app-content">
    <div class="container-fluid">
        <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb">
            <h1 class="page-title mb-0 text-primary">Customer detail </h1>
        </div>
        <div class="col-md-12 col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Customer Detail</h3>
                    <div class="page-rightheader">
                    <div>
                        <a href="{{ url('/customer-list') }}" class="btn btn-secondary">Back</a>
                    </div>
                </div>
                </div>
                <div class="card-body">
                    <div class="col-md-12 row">
                        <div class="col-md-2">
                            <strong> Customer name: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['customer_detail']->name}}
                        </div>
                        <div class="col-md-2">
                            <strong> Customer Email: </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['customer_detail']->email}}


                        </div>

                    </div>
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> Customer phone: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['customer_detail']->phone}}
                        </div>
                        <div class="col-md-2">
                            <strong> Customer website : </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['customer_detail']->website->website}}


                        </div>

                    </div>
                   
                    
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> Created at: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['customer_detail']->created_at}}
                        </div>
                    </div>
                </div>


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

    

    
</div>


</div>


</div>

<script>
    $(document).ready(function() {
        $('#orderForm').on('submit', function(e) {
            e.preventDefault();
            var documentTitle = $('#document_title').val();
            var orderDocument = $('#order_document').val();
            var orderStatus = $('#order_status').val();


            if (!documentTitle) {
                isValid = false;
                alert('Document Title is required.');
            }
            if (!orderDocument) {
                isValid = false;
                alert('Order Document is required.');
            }

            var formData = new FormData(this);

            $.ajax({
                url: '{{ url("orderdocument-upload") }}',
                type: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                success: function(response) {
                    location.reload();
                    $('#response-message').html('<div class="alert alert-success">' + response.message + '</div>');
                    $('#orderForm')[0].reset();
                },
                error: function(xhr) {
                    var errors = xhr.responseJSON.errors;
                    var errorMessage = '<div class="alert alert-danger">';
                    for (var key in errors) {
                        errorMessage += errors[key].join('<br>');
                    }
                    errorMessage += '</div>';
                    $('#response-message').html(errorMessage);
                }
            });
        });
    });
</script>

@endsection